1

このhtmlに適用するhtmlページとcssがあります。

HTML コード

<label>id</label>              <span>1</span>
<label>Name</label>            <span>My name is</span>
<label>Address</label>         <span>Address, Address 2, Address 3, UK</span>

CSSコード

label{
    min-width: 200px;
    float: left;
}
span{
    margin-left:5px;
}

HTMLをこのように表示したい

Id:              1
Name:            My name is
Address:         Address, Address 2, Address 3, UK

しかし、私のコードはこのように表示されます。

Id:              1
Name:            My name 
is
Address:         Address, Address 2, 
Address 3, UK

これを修正するにはどうすればよいですか。

4

2 に答える 2

1

display:block; を追加してみてください。and white-space:nowrap; スパンCSSに。jsfiddle

ただし、テーブルを使用して調査する必要があると思います。データを表示する場合は、テーブルが適しています。

于 2013-10-18T18:38:30.133 に答える
0

Divでラップしますか？cssdesk.com で試してみたところ、うまくいきました。

<div><label>id</label><span>1</span></div>
<div><label>Name</label><span>My name is</span></div>
<div><label>Address</label><span>Address, Address 2, Address 3, UK</span></div>
于 2013-10-18T19:45:43.600 に答える