问题描述:
如何用css控制文本自动换行 ？
解析:
默认的就是自动换行
语法：
white-space : normal | pre | nowrap
取值：
normal : 默认值。默认处理方式。文本自动处理换行。假如抵达容器边界内容会转到下一行
pre : 换行和其他空白字符都将受到保护。这个值需要IE6+或者 !DOCTYPE 声明为 standards-pliant mode 支持。如果 !DOCTYPE 声明没有指定为 standards-pliant mode ，此属性可以使用，但是不会发生作用。结果等同于 normal 。
nowrap : 强制在同一行内显示所有文本，直到文本结束或者遭遇 br 对象。
div+css中实现文字自动换行代码如下：
1、CSS代码：#wrap{white-space:normalwidth:200px}。
2、DIV代码：<div >ddd1111111111111111111111111111111111</div>。
可以实现文字自动换行。
在Microsoft Excel软件单元格中，如果文本过长，则超出列宽以外的文本将被隐藏起来。
为了在保持列宽一定的情况下显示出单元格中的所有文本，可以设置文字自动换行。
使用代码可以时限自动换行。IE浏览器使用样式tablelayoutfixed，引用内容为abcdefghigklmnopqrstuvwxyz1234567890。即可实现浏览器自动换行。
CSSGrid网格布局又称为Grid网格，是一个二维的基于网格的布局系统，它的目标是完全改变我们基于网格的用户界面的布局方式。CSS一直用来布局我们的网页，但一直以来都存在这样或那样的问题。
一开始我们用表格table，然后是浮动float，再是定位postion和内嵌块inline-block，但是所有这些方法本质上都是只是hack而已，并且遗漏了很多重要的功能例如垂直居中。
Flexbox的出现很大程度上改善了我们的布局方式，但它的目的是为了解决更简单的一维布局，而不是复杂的二维布局实际上Flexbox和Grid能协同工作，而且配合得非常好。Grid网格布局是第一个专门为解决布局问题而创建的CSS模块，只要我们一直在制作网站，我们就一直要讨论这些问题。
