2012-09-26 175 views
-2

我在LI標籤中包裝段落,即使我爲Li(例如:200px)設置了特定的寬度,文本也不會被包裝並顯示在單行中並跨越LI。任何建議來包裝文本以適應寬度?LI標籤裏面的段落文本

示例文本

<UL> 
<LI> 
<p>hi hello welcome</p> 
</LI> 
</UL> 

我嘗試添加自動換行:打破字;這似乎解決問題的寬度,但沒有做適當的自動換行

它顯示爲

hi hello wel 
come 

任何幫助是值得歡迎的。

+0

[無法重現](http://jsfiddle.net/PUCnE/):您減少的測試用例似乎減少了這個問題。嘗試提供一個證明問題的完整測試用例。 – Quentin

+0

隱藏在CSS下的問題不是[標記](http://jsfiddle.net/XZSWD/)你提供給我們的。 –

+0

css不是很複雜,只是我將Li的寬度設置爲200px,使用內聯樣式。 – Bumble

回答

1

word-wrap:break-word;是一個CSS3規則,如果你依靠這個,那麼我很有信心它會在舊瀏覽器中出現問題,從我已閱讀的內容中,我會嘗試將寬度應用於段落標記而不是li,或者同時添加寬度到李和p標籤,也嘗試添加顯示:塊到p標籤。