Сделать так, чтобы все три ссылки HTML отображались в одной строке с HTML / CSS? - PullRequest
0 голосов
/ 04 ноября 2011

У меня есть следующий HTML-код (некоторые теги ввода формы удалены, чтобы сделать код минимальным для удобства чтения):

<a href="add.html">Add</a> <a href="remove.html">Remove</a>

<form action="">
    <a href="" onclick="parentNode.submit();return false;">Submit</a>
</form>

В основном это три ссылки, последняя ссылка - это ссылка, которая имитирует функциональностькнопка отправки формы (я хотел ее использовать в качестве ссылки, и, похоже, единственный кросс-браузерный способ был с использованием ссылки с JavaScript - хотя я понимаю, что для этого потребуется JavaScript).

Это, вероятно, второйДля некоторых это характерно, но я не могу получить три ссылки на одной строке рядом друг с другом, в итоге отображается последняя ссылка на следующей строке (я полагаю, потому что последняя ссылка заключена в теги формы?).

Есть ли способ решить эту проблему, возможно, заключив их в div с каким-то классом CSS (просто идея)?

1 Ответ

2 голосов
/ 04 ноября 2011

Добавьте display:inline; или display:inline-block к элементу формы.Например:

<form style="display:inline">

Скрипка: http://jsfiddle.net/gJqvr/1/

...