Question

我正在试图找出如何将图像（右上角按钮）对齐在3行的顶行，然后是3行的底行。（ * **** ）

我试图改变.main-nav宽度以尝试在下一行上挤压它们，但我认为它是从上面继承的东西。使用Chromes开发人员工具我正在查看标题元素，并注意到ul.main-nav的高度为0px，这是否可以阻止它们下降？

任何让我指向正确方向的事情都会给你很大的帮助，谢谢！

Answer 1

更改li css： display: block;和ul css：width: 300px; float:right;

Answer 2

这是你想要的吗？我只是添加了一个宽度和浮动：直接到了所在的ul！

<ul class="main-nav" style="width: 287px;float: right;">
   <li class="item-rss"><a target="_blank" href="http://www.wp-arena.com/?feed=rss2"></a></li>
   <li class="item-fav"><a target="_blank" href="#"></a></li>
   <li class="item-contact"><a target="_self" href="#"></a></li>
   <li class="item-xing"><a target="_blank" href="#"></a></li>
   <li class="item-facebook"><a target="_blank" href="#"></a></li>
   <li class="item-twitter"><a target="_blank" href="#"></a></li>
</ul>

Answer 3

您可以将图像包装为具有固定宽度的div，以适合3个图像，其他三个将位于下一行。

使用css将彼此下方的图像列表对齐

3 个答案: