首页前端开发CSScss overflow语法结构

css overflow语法结构

时间2024-05-22 13:18:03发布访客分类CSS浏览34
导读:1、overflow语法: overflow : visible | auto | hidden | scroll 2、css overflow参数: visible——不剪切形式也不添加转动条。 auto——此为body对象和texta...

1、overflow语法:
overflow : visible | auto | hidden | scroll

2、css overflow参数:
visible——不剪切形式也不添加转动条。
auto——此为body对象和textarea的默许值。在重要时剪切形式并增长转折条(熟悉《css overflow:auto转动条》文章教程)
hidden——不显露超过对象尺寸的模式
scroll——老是浮现滚动条

3、css overflow阐明:
检索或设置当对象的形式超越其指定高度及宽度时如何贪图模式。
设置装备摆设textarea对象为hidden值将窜伏其转折条。

4、overflow缩减
overflow-x
一样平常设置X标的目的(横向)能否显示转折条
其值通常配置visible、auto、scroll

overflow-y
一般设置Y倾向(右侧 垂直)能否展现迁移转变条
其值通常设置visible、auto、scroll

5、overflow语法赏析图


overflow值对应注释介绍赏析图

6、overflow使用示例

div {
     overflow: hidden;
     height: 100px;
     width: 100px;
 }
     

窜伏超出跨越宽度100px,高度100px的内容


声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!


若转载请注明出处: css overflow语法结构
本文地址: https://pptw.com/jishu/665612.html
利用WordPress Cachify插件实现缓存加速提高网站打开速度 overflow css属性样式掌握教程

游客 回复需填写必要信息