1.文本溢出
文本溢出属性(父级盒子添加)
属性:overflow
属性值
- 默认值 visible 正常显示
- hidden 隐藏
- scroll 滚动条
- auto 自动
auto和scroll的区别
- scroll当内容超出去的时候滚动条有作用 没有超出去的时候依然会显示滚动条的样式
- auto 根据内容的字符数进行显示
拓展属性 overflow-x/overflow-y
2. 显示省略号
1.容器盒子固定的宽高
2.文本强制性的在一行显示
3.超出去的文本隐藏起来
4.让隐藏的文本变成省略号
- white-space:表示对页面中空白空间的处理
- nowrap 强行性的在一行显示 直至遇到br就会换行
了解
- pre 保留空格 当文本超出可视区域的时候也不会进行换行
- pre-line 删除了空格 保留了换行
- pre-wrap 空格和换行都都保留了
格式化标签 : pre