0

我正在使用 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>

如何获取页面两侧以及栏中的按钮？

4

1 回答 1

0

您没有正确结束 span 和 div 。在上面的代码中 .Span 在 div 内，但您在 span 之前结束 div 。修复它，看看它是否有帮助。

此外，对于这种情况，我会使用超链接而不是按钮。

<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'" />

        </span></div>
于 2012-11-08T21:50:07.673 回答