2

这是生成的布局，文本在标签“日期”下换行。 问题

这是期望的结果： 想要的结果

这是html布局：

<div class="alternate">
    <span class="label">Dates:</span>
    <span id="lblDates">
        Created: <u>May 31, 2011</u>, Quote: <u>Sep 1, 2011</u>, Completed: <u>May 23, 2012</u>, Invoice: <u>May 1, 2011</u>, Finalized: <u>May 31, 2011</u>
    </span>
    <br style="clear:both;">
</div>

相关的CSS：

    fieldset .label {
        text-align: right;
        float: left;
        width: 150px;
        clear: left;
        margin-right: 15px;
        color: black;
        font-weight: bold;
}

如果我在标签上设置了预定义的高度，那么它可以工作，但是我不想在标签上设置预定义的高度，因为有时我只有一行内容，我该如何实现呢？

谢谢！

4

2 回答 2

4

这应该有帮助

#lblDates {
    padding-left: 165px;
    display: block;
}

这是工作示例

于 2012-05-24T14:59:31.160 回答
0

放margin-left: 165px（165px = 150px + 15px，你在标签上设置的宽度 + 边距）然后display:block打开#lblDates

于 2012-05-24T14:52:50.377 回答