0

我试图在我的 上显示用户图像nav-bar，但图像没有出现在它应该出现的位置，它应该出现在标题的右侧，尽管它不是。它出现在<ul>. 我不确定为什么。

这是代码：http: //jsfiddle.net/HXnNu/

我不确定我是否需要尝试一些类似的东西

fixed: right;

或者是什么。你怎么看？

另外，我将如何垂直居中该图像？

谢谢！

4

3 回答 3

0

您目前没有做任何事情来将其发送到页面的右侧。float:right可以为您完成这项工作。

jsFiddle

.navbar img {
    float:right;
}

理想情况下，将有一些类，并且您将使用该类来定位它，这样如果您将来包含更多标签，<img>就不会发生未来的问题。<img>.navbar

编辑

如果你想要在<img>标题的左边，你可以像这样组织你的标签：

<div class="container-fluid">
    <!-- ... -->
    <img src="http://harrisonbh.com/chatterr/user_files/profile_img/2dff134978.jpg" alt="Profile Image" style="height: 35px; display: inline;float: left;">
    <a class="brand" href="index.php">Chatterr</a>
    <!-- ... -->
</div>

然后穿上float:left：<img>

.navbar img {
    float:left;
}
于 2013-03-30T03:45:43.780 回答
0

宽度是主要问题

取一个 div 并在其中覆盖您的 ul 和图像文本框

并根据主 div 上可用的总宽度给出宽度

IE

<div width="900px; float:left;">   <ul width="600px">  </ul style="width:300px;float:left;"> <img> </div>
于 2013-03-30T05:04:33.770 回答
0

您不能使用fixed: right;butposition: fixed; right: 0;或float: right;。对于你的问题可能没问题right: 0;！

于 2013-03-30T06:13:38.953 回答