html/css-css-溢出

溢出

含义

情况1：内容面积大于div

是一个容器元素
内容是一个文本内容
情况2：图片超出元素范围
情况3：指定元素的子级超出
溢出：子元素（文本、图片、其他元素）超出指定容器范围
这样不好，不希望它出现
overflow：设置溢出时，是否剪辑、显示滚动条或子级内容
visible: 默认值，不修剪，显示在父级外
hidden：修剪，其余不可见
scroll:内容被修剪，显示滚动条
auto:浏览器决定

案例

注册协议

overflow-x 和-y

支持情况并不好
-x -y
图片和子元素比容器大就会水平溢出，文本水平溢出-x情况：
1.很长的单词
强制拆词的css样式
2.white-space: nowrap;
whatcaniuse查元素的在浏览器的运用

text-overflow

clip 超出父级隐藏
ellipsis 超出父级部分显示…
string
前提 设置overflow属性
over-flow:hidden;