【发布时间】:2012-09-27 16:30:26
【问题描述】:
我将段落包裹在 LI 标记内,即使我为 Li 设置了特定宽度(例如:200 像素),文本也不会被包裹并以单行显示并跨越 LI。有什么建议可以换行以适应宽度吗?
示例文本
<UL>
<LI>
<p>hi hello welcome</p>
</LI>
</UL>
我尝试添加自动换行:break-word;这似乎解决了宽度问题,但没有做正确的自动换行
它显示为
hi hello wel
come
欢迎任何帮助。
【问题讨论】:
-
Cannot reproduce:您减少的测试用例似乎已经减少了问题。尝试提供一个完整的测试用例来说明问题。
-
隐藏在 CSS 下的问题不是 markup 你提供给我们的。
-
css 不是很复杂,只是我将 Li 的宽度设置为 200px,为此使用内联样式。
-
@Bumble — 这样做不会产生您描述的问题。
-
@Bumble,您所说的带有 css 的标记效果很好:jsfiddle.net/XZSWD/1