细说CSS3中box特性中的overflow

日期:2021-03-07 类型:科技新闻 

关键词:小程序如何制作,预约小程序,微信小程序怎么做,微信抽奖小程序,小程序外包

大伙儿能够发现,上网站上查寻以后会获得overflow-x和overflow-y的1大堆特性值,但许多网站并沒有详尽表明各特性值的实际效果,大家今日细说1下。

各特性值以下:

visible:默认设置值,不剪裁內容,将会会显示信息在內容框以外

hidden:剪裁內容 - 不出示翻转体制

scroll:剪裁內容 - 出示翻转体制

auto:假如外溢框,则应当出示翻转体制,不然一切正常显示信息

no-display:假如內容不合适內容框,则删掉全部框,但现阶段该特性值不被适用

no-content:假如內容不合适內容框,则掩藏全部內容,但现阶段该特性值不被适用

这里值得再细说1下的是visible。大家1般会给overflow-x和overflow-y各分派1个特性值,来各自要求水平方位和垂直方位的显示信息方法,visible仅有和visible配搭才会有那种“彻底显示信息而显示信息在框外”的实际效果,不然都等同于于scroll,但是1般状况下,盒子在1个方位上的规格小于51px时不容易显示信息翻转条。自然,这里沒有考虑到no-display和no-content,由于这两个现阶段不被适用,因此等同于于赋了默认设置值,即visible。
上一篇:应用css3完成的tab选项卡编码共享 返回下一篇:没有了