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

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;
}

显示对带有 a和 a 的inline元素没有多大意义。我假设您希望浏览器尊重您的，因此应该是，或者被完全删除，因为它是默认情况下暗示的元素。然后，您希望 div 内的元素与右侧对齐，您可以通过应用.widthheightwidthheightdisplayblockdivdisplay:blocktext-align

Answer 2

图像本身需要浮动，或者它们的父元素需要修改其文本对齐方式。

浮动：http: //jsfiddle.net/MAz4Q/1/

#sponsors { 
  width: 728px; 
  height: 100px; 
  margin: 60px 11px 0;
}

#sponsors img {
    float: right;
}

对齐：http: //jsfiddle.net/MAz4Q/2/

#sponsors { 
  width: 728px; 
  height: 100px; 
  margin: 60px 11px 0;
  text-align: right;
}

Answer 3

尝试这个：

#sponsors a img {
  float:right;
}

当前，您将赞助商 div 浮动到右侧，而不是赞助商 div 内的图像。定位图像以浮动它们，它应该适合您。