Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/41.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/5/spring-mvc/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 导航不会向右对齐_Html_Css_Twitter Bootstrap - Fatal编程技术网

Html 导航不会向右对齐

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

请帮助我的.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
是对齐文本的好值。