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