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>

我想将链接标签中的图像右对齐，这样我就可以得到一个右对齐的图像 block 。 float 不工作，text-align: right 不工作，right:0px；position:absolute；也不工作。

Answer 1

不要使用 !important。

您想让它们与什么对齐？向右浮动。 li 和 a 标签不是 block 元素文本对齐将不起作用，因为 li 和 a 只会扩展到内部内容的宽度。如果你想这样做，你需要弄清楚你想要列表的宽度，然后给 li 那个宽度...这有意义吗？

类似于 this应该有帮助