JQuery UI工具欄按鈕佈局

我在工具欄上有兩個按鈕。我想要一個按鈕左對齊，一個按鈕右對齊，而兩者仍然在同一條線上。

目前我所能做的就是讓左右兩個按鈕，或者左邊的一個按鈕，然後右邊的一個按鈕，然後在下面的一條線上。

這裏是我的工具欄的代碼片段：

<span id="toolbar" class="ui-widget-header ui-corner-all"> 
       <div align='left'> 
         <input id='button' type="submit" value="My Decks" onclick="window.location.href='listDecks.php'"/> 
         <input id='button' type='submit' name='log-out' value='Logout' onclick="window.location.href='logout.php'" /> 
       </div> 
     </span>

如果您有任何建議，讓他們在同一行我不勝感激！

來源

2012-11-06 ZAX

我真的不知道你想要什麼，但我會做這樣的事情：

<input id='button'class="left" type="submit" /> 
<input id='button' class="right" type='submit'/>

和CSS類添加的按鈕，這樣你就可以添加一條規則，並把它們飄浮：

.left {float: left;} 
.right {float: right;}

檢查此直播example。

注意我不知道這是否會爲你工作，因爲我不知道你有什麼CSS代碼。

我能想到的另一個問題是檢查「ui-widget」的css代碼，因爲它經常會導致問題。我個人使用Chrome的「inspect element」或Mozilla的firebug，這些工具可以爲您提供「現場」CSS編輯以及良好的調試工具。

來源

2012-11-07 00:04:29 Boris

JQuery UI工具欄按鈕佈局

回答

相關問題