css - 使用 CSS 在 div 中的图像下方对齐 2 跨度

Question

我在一个 div 中有 3 个元素：2 个跨度和一个图像。我需要对齐图像下方的两个跨度，一个在左侧，一个在右侧。div 的宽度是 180 像素（如果重要的话）。任何帮助深表感谢。

Answer 1

HTML 代码：

<div>
    <img src="" width="" height="" alt="" />
    <span class="left"></span>
    <span class="right"></span>
</div>

CSS 样式

div { overflow: hidden; width: 180px; }
span { display: block; }
.left { float: left; }
.right { float: right; }

这应该可以，如果图像没有填充 div 元素，请将“ clear: both ”添加到.left