无法打破长字符串/文本,它超出了html div的宽度

时间:2011-09-29 06:22:09

标签: css html

<div id="id_div_comments"><p>body4qqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqq</p></div><br/><br/>
</div>

css文件:

div#id_div_comments {
    width: 400px;
}

但字符串/文本超出了分割宽度。 当文本到达分区的宽度时,我该怎么做才能打破文本?

4 个答案:

答案 0 :(得分:19)

在你的css word-wrap:break-word;中写下这个 的CSS:

#id_div_comments p{
 word-wrap:break-word;
}

答案 1 :(得分:4)

试试这段代码:

#id_div_comments p{
 white-space:normal;
}

答案 2 :(得分:0)

接受的答案对我不起作用

在浏览后,以下css实际上有效

#id_div_comments p{
 overflow: hidden;
}

请相信我

enter image description here

答案 3 :(得分:-1)

#id_div_comments p{
 white-space:nowrap;
}