前几日遇到的问题,如下图所示,在div(设置了宽高)中填入一段没有空格隔开的英文字母,这一段文本就没有自动换行,而是超出了父元素div的范围。 给div设置宽高后 英文文本才会出现不能自动换行的情况,(中文不存在)而原因是因为英文文本之间没有加空格,浏览器会认为这是一个特别长的单词;
解决方法:1 在文本适当位置加空格,
2 css代码中加上这行:word-wrap:break-word;
这是修改前的代码:
这是修改后的代码:
问题解决:
前几日遇到的问题,如下图所示,在div(设置了宽高)中填入一段没有空格隔开的英文字母,这一段文本就没有自动换行,而是超出了父元素div的范围。 给div设置宽高后 英文文本才会出现不能自动换行的情况,(中文不存在)而原因是因为英文文本之间没有加空格,浏览器会认为这是一个特别长的单词;
解决方法: