文本空白,溢出,省略号
overflow:文本溢出设置
hidden 超出隐藏
scroll 超出时滚动查看(未超出时也有滚动机制)
auto 超出时滚动查看(自适应,未超出时不会有滚动机制)
inherit 继承父级的overflow设置
white-space:文本空白
normal 默认值
pre 保留所有格式,且不会被迫换行
pre-wrap 保留所有格式,但是会被迫换行
nowrap 强制不换行,但是干不掉br标签
text-overflow:文本省略号;
clip 裁剪
ellipsis 省略号
想要显示省略号四部曲:
1:元素设置宽度,且内容足够
2:white-sapce:nowrap; 强制不换行;
3:overflow:hidden; 超出隐藏;
4:text-overflow:ellipsis;变成省略号;
注意:只针对单行文本有效