css - 我可以使用右对齐将图像设置到右侧，但不能使用 float ？

Question

#sponsors { 
  float: right; 
  display: inline; 
  width: 728px; 
  height: 100px; 
  margin: 60px 11px 0;
}

<div id="sponsors">
   <a href="#"><img src="images/sponsors/1.png"></a>
   <a href="#"><img src="images/sponsors/2.png"></a>
</div>

我无法将图像移动到 div 的右侧，但 div align="right" 可以。

如何使用 css3 将图像设置为右侧？

Answer 1

将 display 更改为 block 并添加 text-align:right

#sponsors { 
  float: right; 
  display: block; /* or remove this line, as block is default for div */
  width: 728px; 
  height: 100px; 
  margin: 60px 11px 0;
  text-align: right;
}

显示 inline 对具有 width 和 height 的元素没有多大意义。我假设您希望浏览器尊重您的 width 和 height 所以 display 应该是 block，或者完全删除因为它是一个 div 元素，默认情况下暗示 display:block 。然后您希望 div 内的元素右对齐，您可以通过应用 text-align 来实现。