【说站】css中flex-shrink属性是什么
2023-06-13 09:13:23 时间
css中flex-shrink属性是什么
1、flex-shrink指的是当flex容器空间不足时候,单个元素的收缩比例。
2、不支持负值,默认值是1,也就是默认所有的flex子项都会收缩。如果设置为0,则表示不收缩,保持原始的宽度。
实例
// CSS部分
.content{
display: flex;
width: 400px;
height: 200px;
border: 1px solid;
}
.left, .center, .right{
height: 200px;
}
.left{
width: 100px;
background-color: aqua;
}
.center{
width: 200px;
background-color: bisque;
}
.right{
width: 300px;
background-color: cadetblue;
}
以上就是css中flex-shrink属性的介绍,希望对大家有所帮助。更多css学习指路:css教程
本文教程操作环境:windows7系统、css3版,DELL G3电脑。
相关文章
- css规则定义的分类,CSS规则定义英汉对照表[通俗易懂]
- css transition ease,css3 transition属性「建议收藏」
- 【说站】css box-sizing属性是什么
- 【说站】css中sticky属性是什么
- 【说站】css line-height属性是什么
- 【说站】css中flex-flow属性是什么
- 设置css属性clear的值为什么时可清除左右两边浮动_clear both
- CSS中字体和文本关键属性值
- 需求的属性
- Hibernate groupProperty方法——设置参加分组的属性列
- JS setAttribute()方法:设置元素的属性值
- jQuery event对象常用属性汇总
- MySQL中的字段是否允许为空解析MySQL中NULL属性(mysql中允许空吗)
- javascript中的prototype属性实例分析说明
- c#后台修改前台DOM的css属性示例代码
- javascript面向对象之共享成员属性与方法及prototype关键字用法