如何将图像对齐？

Question

我正在尝试使用css以这种方式放置一些图像：

|_________<img1_1>|___<img2_1>|
|                 |<___img2_2>|
|                 |__<_img2_3>|

所有图像都应该对齐，我不能使用固定的宽度尺寸，因为图像的大小可能会有所不同。

图片img1_1在所有其他位置左侧（但仍然在页面右侧）。

plz help！

Answer 1

使用CSS

将所有图像设置为向右浮动 对于图像2_2和2_3设置clear:right

如果它应该是一个布局 - 考虑使用DIV在页面上创建区域。

创建一个内容div并在其中放入另外2个div。将其中一个的浮动设置为右，并给它一个宽度。在另一个上设置保证金。将图像放入其中。

Answer 2

将float: right与inline-block一起使用应该可以正常工作。

在某些罕见的情况下，

float可以在浏览器中产生不同的结果，但它在99％的情况下运行良好。

詹姆斯

Answer 3

您可以将所有图像包装在div标签中添加类或ID，并将类/ ID设置为 text-align：right; 或将所有图像浮动到右侧 .class img {float：right; }