html - 带有图像的导航链接向右对齐（基本 CSS）

Question

嗨，我有一个非常基本的问题，但我找不到对我有帮助的教程，而且似乎没有任何效果。

我有一个导航：

<ul>
 <li>
  <a href="?page=home" ><img src="img/HOME.png"/></a>
 </li>
 <li>
  <a href="?page=team" ><img src="img/TEAM.png"/></a>
 </li>
</ul>

我想将链接标签中的图像向右对齐，这样我就得到了一个向右对齐的图像块。浮动不工作，文本对齐：右不工作和右：0px；位置：绝对；也不工作。

score 0 · Accepted Answer

<a>显式设置标签的宽度，text-align: right将起作用。如果您还没有，我建议您使用 FireBug（或替代方法）来查看页面上的框布局。

score 0 · Accepted Answer

检查继承和图像大小。无论如何，下面的css应该可以工作：

 ul li{float:right;}

score 0 · Accepted Answer

不要使用!important.

您要使它们正确对齐吗？向右浮动。li并且a标签不是块元素 text align 不起作用，因为li's 和a's 只会扩展到内部的宽度。如果你想这样做，你需要弄清楚你想要列表的宽度，然后给 li 的宽度......这有意义吗？

这样的事情应该有帮助

3 回答 3