0

フロートを使ってレイアウトをアレンジしています。

<style>
div {
    float: left;
}

.pro {
    width : 100px;
    color : blue;
}
</style>

<span>
<div class="pro">Long property name : </div>
<div>value</div>
</span>

「長いプロパティ名：」が新しい行にオーバーフローした場合、「値」も新しい行に移動するようにします。このHTMLコードで何をすべきですか？ありがとう。現在、「価値」は依然としてトップにとどまっています。

現在の結果

現在の結果

私が欲しいもの

ここに画像の説明を入力してください

ありがとう

4

1 に答える 1

3

display: inline-blockこれの代わりに使用する方が良いですfloat：

div {
    display: inline-block;
    *display: inline; /*For IE7*/
    *zoom: 1;
}

これを確認してください：http：//jsfiddle.net/thirtydot/wczcC/2/

于 2012-04-30T10:07:54.553 に答える