细说CSS3中box特性中的overflow

日期:2020-08-22 类型:科技新闻 

关键词:html网页制作,php网页制作,网页设计稿,网页编辑工具,学生网页设计模板

大伙儿能够发现,上网站上查寻以后会获得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。