0

CSSの問題が発生しました。フォームがあり、その中に各行にラベルと情報を表示したいと考えています。フォームの html は次のとおりです。

<form class="form_dialog">
</br>
<label>Status: </label>
<span><img src="images/check.png" alt="check mark" width="16" height="16"/></span>
</br></br>
<label>Type: </label>
<span>V1</span>
</br></br>
<label>Description: </label>
<div class="sp">16 Nodes - Test for long description.
This system is good in all cases. Max length is 100.</div>
</form>

すべてのタグの css は次のとおりです。

form.form_dialog {float: left; clear: left;}

.form_dialog div {float:left; clear:left}
.form_dialog label {
    display: block; float: left; 
    width: 12.0em; min-height: 2.0em; text-align: right;
}

.form_dialog span {
    margin-left: 3.0em;
}

div.sp {
     display:inline;
     margin-left:3em;
     margin-right:3em;
     width:70%;
}

ここでの私の問題は、説明情報については、テキスト行をインデントしたままにして (各行は同じ位置から始まる)、ラベルをインラインで表示したいということです。しかし、それを達成することはできません。誰でもこれについて助けることができますか？ありがとう。

4

2 に答える 2

1

また、トレンディに同意します。また、spanタグを使い始めたので、span

<span>16 Nodes - Test for long description.
This system is good in all cases. Max length is 100.</span>
于 2013-07-27T00:30:15.907 に答える