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工具栏按钮布局

回答

相关问题