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

Question

我在一个 div 中有 3 个元素:2 个 span 和一个图像。我需要将图像下方的两个跨度对齐，一个跨度在左侧，一个在右侧。 div 的宽度为 180px(如果重要的话)。非常感谢任何帮助。

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