div 中的图像右对齐

Question

我有这样的东西：

<div id="read_more_right">
    <a href="1"><img src='1'></a>
    <a href="1"><img src='1'></a>
    <a href="1"><img src='1'></a>
</div>

我想将所有这些图像在 div 中向右对齐

我使用这个

#read_more_right div
{
  align: right;
}

，但它不起作用。我怎样才能将其向右对齐？

Answer 1

它是 text-align: right; 而不仅仅是 align

Answer 2

您可以使用：

#read_more_right a{
    float:right;
    clear:right;
}

http://jsfiddle.net/pE47J/

Answer 3

如果您尝试根据 ID 选择 div，则需要按以下方式声明它：

div#read_more_right { text-align: right; }

Answer 4

尝试 text-align: right; ——在某些情况下，您可能需要在 div 上设置显式宽度。

Answer 5

我不太确定，但我认为你的语法是错误的。试试这个；它对我有用：

div#read_more_right 
{ 
text-align: right; 
}

Answer 6

尝试 text-align: right;

我知道它不是文本..但这就是你想要的。

Answer 7

另请参阅：什么左对齐和右对齐两个 div 标签的最佳方法是什么？ 对于类似问题的一些答案和 this 可以很好地概述浮动和对齐属性。