字符溢出容器

时间:2012-12-27 18:19:39

标签: html css

This is the problem

所以基本上这是我的问题我有一个div从<textarea>得到它的值,就像Stack Overflow上的那样,但如果我把它变成大字符或小字符,那么字符就不会破坏到一个新行 - 他们走出<div>之外。有一种简单而好的方法可以解决这个问题吗?

2 个答案:

答案 0 :(得分:7)

在元素上使用以下CSS:

word-wrap: break-word;

答案 1 :(得分:2)

您可以使用word-wrap

示例:http://jsfiddle.net/7vDbp/

使用说明:http://caniuse.com/#search=word-wrap

或者,您可以在所需的分词符号中将<wbr/>标记插入到标记中。

示例:http://jsfiddle.net/Wz8jp/