2011-11-04 78 views
0

我有以下的HTML(去掉了一些表單輸入標籤使代碼最小的可讀性):使所有三個HTML鏈接與HTML/CSS顯示在同一行上?

<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)。

這可能是第二性質的一些,但我似乎無法得到在同一行上的三個鏈接彼此相鄰,它最終顯示在下一行的最後一個鏈接(我相信它是因爲最後一個鏈接被包裹在表單標籤中?)。

有沒有辦法解決這個問題,可能是用一種CSS類(只是一個想法)將它們包裝在一個div中來解決這個問題?

+0

你可以移動的形式外提交的鏈接。 – ComFreek

回答

2

display:inline;display:inline-block添加到您的表單元素。例如:

<form style="display:inline"> 

小提琴:http://jsfiddle.net/gJqvr/1/

相關問題