我正在使用 Jquery 在页面顶部创建一个工具栏。
我目前已正确“格式化”它。我使用松散的格式,因为按钮布局正确,并且在我的页面顶部也存在一个栏。
但是,这些按钮不在工具栏中。我可以让按钮格式化到它们的位置(一个在左边,一个在右边)的唯一方法是将按钮向左和向右浮动,但这反过来又把它们从工具栏上移了出来。
这是带有正确位置的按钮的代码:
#toolbar
{
display: block;
padding: 2px;
}
.right
{
float: right;
}
.left
{
float: left;
}
</style>
<title>Lobby</title>
</head>
<body>
<span id="toolbar" class="ui-widget-header ui-corner-all">
<input id='button' class='left' type="submit" value="My Decks" onclick="window.location.href='listDecks.php'"/>
<input id='button' class='right' type='submit' name='log-out' value='Logout' onclick="window.location.href='logout.php'" />
</span>
最初我在工具栏中生成了按钮,但在同一侧(左):
#toolbar
{
display: block;
padding: 2px;
}
</style>
<title>Lobby</title>
</head>
<body>
<div align="left">
<span id="toolbar" class="ui-widget-header ui-corner-all">
<input id='button' class='left' type="submit" value="My Decks" onclick="window.location.href='listDecks.php'"/>
<input id='button' class='right' type='submit' name='log-out' value='Logout' onclick="window.location.href='logout.php'" />
</div>
</span>
如何获取页面两侧以及栏中的按钮?