我正在使用 JqueryUI 的工具栏。
我目前在工具栏上有两个按钮。我想要一个按钮左对齐,一个按钮右对齐,同时两者仍然在同一条线上。
目前我所能做的就是将两个按钮都放在左边或右边,或者一个按钮在左边,然后另一个在右边,但在较低的一行。
这是我的工具栏代码片段:
<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>
如果您有任何建议让他们在同一条线上,我将不胜感激!
最佳答案
我不太确定你想要什么,但我会这样做:
<input id='button'class="left" type="submit" />
<input id='button' class="right" type='submit'/>
并向按钮添加 CSS 类,这样您就可以添加规则并使它们 float :
.left {float: left;}
.right {float: right;}
实时查看example .
注意我不确定这是否适合你,因为我不知道你有什么 CSS 代码。
我能想到的另一个问题是检查“ui-widget”的 css 代码,因为它通常会导致问题。我个人使用 Chrome 的“检查元素”或 Mozilla 的 firebug,这些工具可以为您提供“实时”CSS 编辑以及良好的调试工具。
关于JQuery UI 工具栏按钮布局,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13260887/