2013-07-18 47 views
1

我有兩個按鈕在html5中。我希望兩者都應顯示在同一行上,但他們是在不同的行中。我該怎麼辦。我已經把我下面的代碼:按鈕來在不同的行

<input type="button" class="btn btn-danger" id="stop" style="width:50%;"/> 

<input type="button" class="btn btn-reset" id="reset" style="width:50%"/> 
+0

做這些重疊?你有嘗試在兩者之間放置換行符嗎? –

+0

它不重疊。它現在運行良好。 \t 但我有一個,更多的問題,其實我已經開始停止計時器。所以當我點擊開始,停止和重置完美。但是現在,當我點擊停止時,開始和重置應該也在同一行,這不會發生。如果我也將float設置爲start,那麼整個設計就會失真。我該怎麼辦 ? – user2387900

回答

1

使用width:49%在兩個按鈕。

Demo here

+0

它的工作。但我有一個,更多的問題,其實我已經開始停止計時器。所以當我點擊開始,停止和重置完美。但是現在,當我點擊停止時,開始和重置應該也在同一行,這不會發生。如果我也將float設置爲start,那麼整個設計就會失真。我該怎麼辦 ? – user2387900

+0

你能顯示你的代碼嗎? – Sudarshan

4

添加float:left;在您輸入按鈕

小提琴 - http://jsfiddle.net/wWYgZ/2/

+0

謝謝,它的工作。 但我有一個,更多的問題,其實我已經開始停止計時器。 所以當我點擊開始,停止和重置完美。但是現在,當我點擊停止時,開始和重置應該也在同一行,這不會發生。如果我也將float設置爲start,那麼整個設計就會失真。我該怎麼辦 ? – user2387900

+0

@ user2387900聽起來不錯:)乾杯! – swapnesh

+0

謝謝,它的工作。但我有一個,更多的問題,其實我已經開始停止計時器。所以當我點擊開始,停止和重置完美。但是現在,當我點擊停止時,開始和重置應該也在同一行,這不會發生。如果我也將float設置爲start,那麼整個設計就會失真。我該怎麼辦 ? – user2387900

0

試試這個:

<input type="button" class="btn btn-danger" id="stop" style="width:50%; display:inline-block;"/> 

<input type="button" class="btn btn-reset" id="reset" style="width:50%; display:inline-block;"/>