0

非常に長いラベルの HTML があります。問題は、ラベルが次のようになっていることです。

this is a message
that is very very 
very long.. and is 
spanning multiple 
lines..:

私はそれを次のようにしたい：

 this is a message that is very very very 
 long.. and is spanning multiple lines..:

これが私のコードです

<ul>
    <li class="left">
        <LABEL for="field_1">this is a message that is very very very long.. and is spanning multiple lines..:</LABEL>                              
    </li>
    <li>
        <input  id="field_1"  name="field_1" type="checkbox" value="1" /> 
    </li>                       

</ul>
4

1 に答える 1

3

この CSS を使用します。

label {
    display: inline-block;
    width: 300px;
}

HTML

<ul>
    <li class="left">
        <input  id="field_1"  name="field_1" type="checkbox" value="1" /> 
        <LABEL for="field_1">this is a message that is very very very long.. and is spanning multiple lines..:</LABEL>                              
    </li>                       
</ul>

必要に応じてプロパティを調整できmax-widthます。

デモ: http://jsfiddle.net/vbdmP/

于 2013-10-29T14:56:27.280 に答える