你不记得昨天发表的《table表格那点事儿》最后一个问题吗？ 先撇开问题，我们从头说起吧。
web合成可能需要自动换行文本。 在中文中，不设定属性也可以自动换行，但在英语文章中呢？ 带源代码：
csswrapstextexplanation-artcollectiondesign
英语是什么意思？ 其他的我直接把汉字(CSS文本换行详情---艺灵设计)放在百度里翻译了，坑爹把翻译的英语放进去再次翻译的时候，妹妹的中文居然变了。 啊，不会受伤的！ 不，言归正传。 这里只以示威的效果为基准。 您认为上面一行代码在每个浏览器中是如何运行的？ 果然为了大家接吻并不难。 直接上面的照片。
有什么发现吗？ 不写换行属性就可以换行。 你在想什么？ 大的浏览器制造商认为修复了错误吗？ 再附上一个源代码：
CSS； wraps； 文本； 扩展； -art collection design
带截图：
看到问题了吧。 此时，" explanation "这个单词超出了容器的宽度，没有自动换行。 存在这种现象的另一个典型例子如下。
222222222222222222222222222222222
附上截图，
有图的话能更清楚地看到。 从图中得出的结论是，通常，纯粹的数字也不会自动换行。 那么，这个现象的最好解释是什么呢？ 个人的见解是，长数字或英语单词的排列会导致浏览器误认为是一体的。 但是，英语单词和数字有区别。
导入换行的写法吧。
word-wrap:break-word (内容在边界内换行。 如有必要，允许在单词内部换行。 ）
让我们来看看这个换行的写法对上面两个问题的情况是有效的。 首先上传源代码：
CSS； wraps； 文本； 扩展； -art collection design
222222222222222222222222222222222
附上各浏览器的截图：
图直观地展示了ie各版的效果。 css2文档还有另一个用作换行符的属性。 那个如下。
word-break:break-all ()还允许在非亚洲语言文本行中的任何单词内进行分隔符。 此值适用于包含非亚洲文本的亚洲文本。)
然后比较两个换行符属性的细节。 带源代码：
CSS； wraps； 文本； 扩展； -art collection design
CSS； wraps； 文本； 扩展； -art collection design
比较了两个代码的屏幕截图如下。
两种写法各有所长，具体看情况使用。 对于那个“explanation”切单词的现象，哪个属性都不能解决。 唯一的解决方法是用手向前敲空格。 这是自己想的方法。 如果大神有新的方法，请在评论区告诉我。 图纸：
我忘了说了。 以前在ff上发现网站有换行的问题。 有源代码的地方在ff中不会换行。 图纸：
找到了三个解决方案。
方法1 :添加“覆盖”属性。 值为自动。 也就是说，如果文本过多，则会显示滚动条。
方法2 :不使用“pre”作为集装箱的外框，换行“div”和“textarea”等就可以解决问题。
方法三、继续使用时，添加white-space属性。 其中normal； 初始预线； 预写入都解决了文本自动换行问题。
转载声明：
如果你想把这篇文章转载到其他平台，请一定要留下出处。
正文链接： http://www.Yiling SJ.com/div/2014-06-18/163.html
如果父母不想直接留下地址，可以含蓄保留。 艺灵不想看到有人把我的技术文章拿到他的地盘或其他平台上，不留我的痕迹地教(装)程) B )。 文章可以自由转载，也可以自由修改，但请尊重艺灵的劳动成果！ 谢谢您的理解。