css - 如何将图像右对齐?

标签 css

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

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

所有图片都应该右对齐,我不能使用固定宽度大小,因为图片的大小可能会有所不同。

图像 img1_1 位于所有其他图像的左侧(但仍与页面右侧对齐)。

请帮忙!

最佳答案

使用 CSS

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

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

创建一个内容 div 并在其中放入另外 2 个 div。将其中之一的 float 设置为右侧并给它一个宽度。在另一个上设置边距。将图像放入其中。

关于css - 如何将图像右对齐?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4377203/

相关文章:

css - 编辑文本时如何防止 Logo 移动?

javascript - 未检测到新添加的 div 的 CSS

javascript - 警报问题 - 使用 haversine 距离公式进行地理定位

css - 在 Phpstorm 中为 SASS 文件启用 Emmet(Zen Coding)?

css - 内联 block nowrap 调整大小问题

jquery - 动画背景颜色从纯色到透明不起作用

javascript - 使用 jquery-ui 调整 div 的大小

html - 如何在使用不同的行高时创建一致的垂直间距?

css - 当上面的列具有不同的高度时,Bootstrap 列向左浮动

jquery - 所有信息(包括图片)在一行中使用 CSS 删除线