HTML樣式 - 文本需要在較少的行上

我有一些HTML標籤非常長。問題是，標籤是這樣的：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>

來源

2013-10-29 user11235813

請發佈你的CSS。另外，jsFiddle.net示例很有用。 – j08691

所有您需要做的就是更改您的li的寬度 – DaniP

我們需要更多的信息和上下文。有些東西正在定義li的最大寬度，我們不知道是什麼。我們可以有一個或更多的HTML和CSS的例子嗎？ –

使用此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-29 14:56:27 TrungDQ

inline-block和max-width在某些IE瀏覽器上無法正常工作。 –

都支持IE8 +，我沒有理由去迎合比這更老的瀏覽器。給予好評。 –

如果將寬度應用到像'li'或'ul'這樣的父元素，該怎麼辦？ –

HTML樣式 - 文本需要在較少的行上

回答

相關問題