CSS样式总结（1）

1. 超出范围添加滚动条

overflow: auto;

auto	如果内容被修剪，则浏览器会显示滚动条可现实超出部分内容。
visible	默认值。内容不会被修剪，会呈现在元素框之外。
hideen	内容会被修剪，超出部分不可见。
scroll	内容会被修剪，但是浏览器会显示滚动条以便查看其余的内容。
inherit	规定应该从父元素继承 overflow 属性的值。

可以用overflow-y或者overflow-x控制横纵方向
 

2.识别回车

white-space 用于设置如何处理元素内的空白，其包括空白符和换行符

normal	默认值，空白会被浏览器忽略
pre	空白会被浏览器保留
nowrap	文本不会换行，会在同一行上继续，直到遇到<br>标签为止
pre-wrap	保留空白符序列，但是正常进行换行
pre-wrap	合并空白符序列，但保留换行符
inherit	规定从父元素继承white-space 属性的值

（保留空白符序列和合并空白符序列的区别就是一堆空格的时候，允许空格存在还是不允许，比如文字开头的空格，合并就不会有空格） 

只要在显示内容的地方将该属性设置为 white-space: pre-line或者white-space:pre-wrap，多行文本就可以换行了。

3. 在Input时，textarea自动换行

word-wrap: break-word; //超出长度允许在单词内换行
word-wrap: keep-all; // 只能在半角空格或连字符楚换行
word-break: break-all; // 超过长度自动换行