overflow属性 white-space属性 文本溢出 英文单词转换方式

1.overflow属性：
overflow 设置溢出元素的内容如何显示 溢出的元素的内容是不会占据额外的空间
visible 默认值 内容会显示在元素框之外，不会被修剪
hidden 溢出隐藏 溢出元素框之外的内容会被修剪，被修剪的内容会隐藏不可见
scroll 显示分动条 溢出元素框之外的内容会被修剪，会显示滚动条以便查看溢出内容，但是在内容没有溢出时也会显示滚动条
auto 自动 根据元素中内是否溢出决定是否显示滚动条，内容溢出显示，没有溢出不显示

2.white-space属性：
white-space 设置元素中的空白如何显示
normal 默认值 浏览器会忽略空白
pre 浏览器会保留空白，文本会在一行显示 空格会被保留 换行符（回车键）也会保留
nowrap 浏览器会忽略空白，文本会强制在一行显示，如果需要换行只能使用强制换行标签

pre-wrap 浏览器会保留空白，文本会正常换行 会保留空格和换行符的空白
pre-line 浏览器会忽略空格的空白，会保留换行符的空白，文本会正常换行

3.text-overflow 设置单行文本溢出是否显示省略号：
clip 不显示省略号，只进行简单的裁切，需要配合overflow：hidden才能实现裁剪的工作，不显示省略号
ellipsis 显示省略号

单行文本溢出显示省略号必要属性—连招：
width:?px;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
4.word-wrap 设置英文单词的换行方式：
normal 默认值 当单词在能显示下的时候就显示，显示不下的时候换行到下一行显示，下一行一整行依然显示不下的时候就溢出
break-word 折断单词换行 单词在能显示下的时候就显示，显示不下的时候换行到下一行显示，下一行一整行依然显示不下的时候就折断单词换行显示