【问题标题】:Paragraph text inside LI tagLI 标记内的段落文本
【发布时间】: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

标签: html css css-float


【解决方案1】:

自动换行:断词;是一个 CSS3 规则,如果你依赖这个,那么我非常有信心它会在旧浏览器中出现问题,从我读过的内容来看,我会尝试将宽度应用于段落标签而不是 li,或者同时添加宽度对于 li 和 p 标签,还可以尝试将 display: block 添加到 p 标签。

【讨论】:

    猜你喜欢
    • 2019-06-03
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2018-01-09
    • 2013-04-18
    相关资源
    最近更新 更多