2

結果のレイアウトは次のとおりです。テキストは「Dates」というラベルの下に折り返されています。 問題

望ましい結果は次のとおりです。 望ましい結果

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;
}

ラベルに事前定義された高さを設定すると機能しますが、コンテンツが 1 行しかない場合があるため、ラベルに事前定義された高さは必要ありません。どうすればこれを実現できますか?

ありがとう！

4

2 に答える 2

4

これは役立つはずです

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

これが実際の例です

于 2012-05-24T14:59:31.160 に答える
0

put margin-left: 165px(165px = 150px + 15px、幅 + ラベルに設定した余白) のdisplay:block上に#lblDates

于 2012-05-24T14:52:50.377 に答える