将图像对齐在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

另请参阅：What is the best way to left align and right align two div tags?以获取类似问题的一些答案，并this了解浮动和对齐属性的详细信息。