当用户输入长文本而不添加空格时自动断行

时间:2013-06-23 02:14:56

标签: php css

我有一个DIV容器,用于显示用户包含的文本。但是,当用户尝试添加长文本而不在文本中添加空格(例如:balalalalalalalala ...)或文本是Unicode字符时,我遇到了问题,因此,它只显示一行溢出我的DIV容器

我想让它自动添加一个断行。怎么做?

谢谢:)

2 个答案:

答案 0 :(得分:0)

如果你对CSS3感兴趣,你可以试试'word-break'属性。

要观看演示:

http://www.w3schools.com/cssref/tryit.asp?filename=trycss3_word-break

答案 1 :(得分:0)

CSS word-wrap property与旧版浏览器(IE 5.5 +,FF 3.5 +,Chrome 1.0 +,Safari 1.0 +,Opera 10.5 +)兼容。

CSS:

div { word-wrap: break-word; }

这是fiddle

如果white-space没有,则应该有效,否则只使用white-space: pre-wrap