gpt4 book ai didi

JQuery 设计一个工具栏

转载 作者:行者123 更新时间:2023-11-28 13:33:22 27 4
gpt4 key购买 nike

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

如何获得页面两侧和栏中的按钮?

最佳答案

您没有正确结束 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>

关于JQuery 设计一个工具栏,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13297640/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com