使用CSS将div中图像下方的2个跨距对齐

Question

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

Answer 1

HTML code：

<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