css溢出剪切

css中,当有内容溢出元素之外时,我们可以用overflow属性来控制溢出内容的可见性。

overflow

hdden scroll auto visible

hidden 就是剪切掉溢出的内容

scroll 当有内容溢出时会生成滚动条

visible 溢出的内容可见,不会剪切,也不会生成滚动条

auto 由用浏览器来决定使用哪种机制

还可以通过clip属性来设置剪切区的形状和大小

clip

rect(top, right, bottom, left)

其中rect(...)里面的值可以是px em auto,但没有百分比值。em是相对于字号来计算,auto表示刚好从元素的外边沿(即边框(border)所围位置剪切。可以是负值,负值使得剪切区域向外扩展。

使用clip要注意,rect(...)里面的值是相对于坐上角产生的偏移,而不像定位里面相对于边产生的偏移。比如clip: rect(0, 20px, 20px, 0)产生一个位于左上角的20px * 20px的剪切矩形。

原文地址:https://www.cnblogs.com/chaoguo1234/p/2940313.html