CSS-元素的显示与隐藏

display

display：none隐藏元素，不是删除，但元素一直存在于页面中
特点：隐藏之后不再保留位置

visibility

visible 对象可见
hidden 对象隐藏
特点：隐藏之后继续保留原有位置

overflow

检索或设置当对象的内容超过其指定高度及宽度时如何管理内容
visible 不剪切内容页不添加滚动条，内容会超出指定宽高度（默认）
auto 超出自动显示滚动条，不超出不显示滚动条
hidden 不显示超过对象尺寸的内容，超出的部分隐藏掉
scroll 不管超出内容否，总是显示滚动条

溢出的文字隐藏

word-break

自动换行，主要用来处理英文单词
normal 使用浏览器默认的换行规则
break-all 允许在单词内换行
keep-all 只能在半角空格或连字符处换行，不允许拆开单词显示，连字符特殊

white-space

设置或检索对象内文本显示方式，通常使用于强制一行显示内容
normal 默认处理方式，显示不开就换行
nowrap 强制在同一行内显示所有文本，直到文本结束或者遭遇br标签对象才换行

text-overflow

设置或检索是否使用一个省略标记（…）标示对象内文本溢出
clip：不显示省略标记，而是简单的裁切
ellipsis：当对象内文本溢出时显示省略标记
注意，一定要首先强制一行内显示，再次和overflow属性搭配使用，否则不会有任何变化。