Html 导航不会向右对齐
请帮助我的.nav文本对齐:右;恰当地Html 导航不会向右对齐,html,css,twitter-bootstrap,Html,Css,Twitter Bootstrap,请帮助我的.nav文本对齐:右;恰当地 <div class="logo"> <h2><i class="icon-reorder"></i> Frosty</h2> </div> <div class="nav"> <a href="#">Home</a> </div> div.logo, div.nav { display: inline-block; } div.nav
<div class="logo">
<h2><i class="icon-reorder"></i> Frosty</h2>
</div>
<div class="nav">
<a href="#">Home</a>
</div>
div.logo, div.nav { display: inline-block; }
div.nav a { text-align: right; }
冷冰冰的
div.logo,div.nav{显示:内联块;}
div.nav a{文本对齐:右;}
使用float:right
代替文本对齐:right
您还可以将其向右移动,将
位置:相对放置在容器上方(在您的情况下为主容器),并将位置:绝对;右:0px;底部:0px
在nav
类中。使用float:right
而不是文本对齐:right
您还可以将其向右移动,将位置:相对放置在容器上方(在您的情况下为主容器),并将位置:绝对;右:0px;底部:0px
在nav
类中。尝试以下操作:
从div.nav a中删除文本对齐
并将其添加到div.nav
text-align:right;
也许一个标记环绕文本,无法对齐,尽管父di在这种情况下,nav是100%宽度尝试以下方法:
从div.nav a中删除文本对齐
并将其添加到div.nav
text-align:right;
可能标记环绕文本,无法对齐,尽管在本例中,父di的nav为100%宽度首先,您仅将锚定标记设置为文本对齐:右
。如果希望将整个导航发送到右侧,则需要将CSS应用于div.nav
,而不是div.nav a
如果要使用text align:right
,则需要设置宽度,但我建议使用float:right
,但这取决于您。浮动将使元素“浮动”,以便项目可以显示在它下面。有关浮动的详细信息,请参见。首先,您仅将锚定标记设置为文本对齐:右
。如果希望将整个导航发送到右侧,则需要将CSS应用于div.nav
,而不是div.nav a
如果要使用text align:right
,则需要设置宽度,但我建议使用float:right
,但这取决于您。浮动将使元素“浮动”,以便项目可以显示在它下面。有关浮动的更多信息,我希望它们像完美排列的一样导航在H2上方尝试使用垂直对齐:底部
不走运:(还有其他想法吗?你能多放一点你的html吗?更新了答案。我认为在你的情况下,right:45px;bottom:35px
是很好的文本对齐值。我希望它们像完全对齐一样,导航在h2上方尝试使用垂直对齐:bottom
没有运气:(还有其他想法吗?你能多放一点html吗?更新了答案。我认为在你的例子中,右:45px;下:35px
是对齐文本的好值。