max-width不适用于长字

时间:2013-12-17 01:12:56

标签: css word-wrap textwrapping

我有段落的div。我想设置一个最大宽度。它有效,问题是长话不包裹......

示例:http://jsfiddle.net/multiformeingegno/s8qE3/

<div style="max-width:100px">
<p>Something Something! BASTAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA!!!!!<br/>

    

2 个答案:

答案 0 :(得分:3)

您可以应用以下CSS代码:

p {
    word-wrap:break-word
}

这将使你的段落包含在单词上。

答案 1 :(得分:2)

word-wrap添加到您的CSS:

p{ word-wrap: break-word; }

http://jsfiddle.net/fmpeyton/bH2Ne/