在 div 中将图像右对齐答案

【问题标题】：align images to right in a div在 div 中将图像右对齐
【发布时间】：2011-12-06 09:51:31
【问题描述】：

我有类似的东西：

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

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

【问题讨论】：

【解决方案1】：

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

【讨论】：

大声笑为什么命令text-align 即使它是一张图片？
因为图像是内联元素（默认情况下它们将display 设置为inline），因此与文本一起布局。
新用户应该如何知道图像元素和文本在html中没有什么不同？这很混乱
通过阅读由World Wide Web Consortium (W3C)和Web Hypertext Application Technology Working Group开发的HTML标准（除了一些高级HTML5主题都相似）。请将您的意见转给他们。

【解决方案2】：

你可以使用：

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

【讨论】：

【解决方案3】：

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

div#read_more_right { 文本对齐：右； }

【讨论】：

【解决方案4】：

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

【讨论】：

【解决方案5】：

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

div#read_more_right 
{ 
text-align: right; 
}

【讨论】：

【解决方案6】：

试试text-align: right;

我知道它不是文字。但那是你想要的。

【讨论】：

【解决方案7】：

另请参阅：What is the best way to left align and right align two div tags? 了解类似问题的一些答案，this 了解浮点和对齐属性的概览。

【讨论】：