我有一个带有选项卡 (LI) 的 UL,选项卡的数量可能会因用户 Angular 色而异。 我想在我的 UL 末尾放置一个按钮,并希望它始终右对齐。
但总的来说它不是右对齐的,虽然它有右对齐的属性。
也许有人可以提供任何解决方案?
<ul id="menu">
<li id="homeOption">@Html.ActionLink("Home", "Index", "Home")</li>
@if (User.Identity.IsAuthenticated)
{
if (User.IsInRole("Role1"))
{
<li id="agencyImportOption">@Html.ActionLink("link1")</li>
}
if (User.IsInRole("Role2"))
{
<li id="agencyImportOption">@Html.ActionLink("link2")</li>
}
if (User.IsInRole("Role3"))
{
<li id="agencyImportOption">@Html.ActionLink("link3")</li>
}
<li id="aboutOption">@Html.ActionLink("About")</li>
<li>
<button class="testButton" style="float:right; margint-right: 0px;">test button<button></li>
</ul>
最佳答案
给你http://jsfiddle.net/mmqxgony/
html
<ul id="menu">
<li id="homeOption">Home</li>
<li id="agencyImportOption">link1</li>
<li id="aboutOption">About</li>
<li class="last">
<button class="testButton" style="float:right; margint-right: 0px;">test button</button>
</li>
</ul>
CSS
#menu{
margin: 0px;
padding: 0px;
list-style: none;
}
#menu li{
float: left;
margin: 10px;
}
#menu li.last{
float: right;
}
关于jquery - CSS按钮 float 问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26180995/