本文主要介绍flex是否是css属性,具有一定的参考价值。有兴趣的朋友可以参考一下。希望大家看完这篇文章后收获多多。让边肖带你去看看。
是flex属性。Css flex属性是flex-grow、flex-shrink和flex-based属性的缩写属性,用于设置或检索弹性盒模型对象的子元素如何分配空间;如果元素不是弹性盒模型对象的子元素,则flex属性不起作用。
本教程操作环境:windows7系统,CSS3HTML5第5版,戴尔G3电脑。
flex是css属性。
flex属性用于设置或检索弹性盒模型对象的子元素如何分配空间。
flex属性是flex-grow、flex-shrink和flex-based属性的缩写属性,默认值为0 1 auto。
该属性有两个快捷方式值:自动(1 1自动)和无(0 0自动)。建议先使用这个属性,而不是分别编写三个单独的属性,因为浏览器会计算相关的值。
注意:如果元素不是弹性盒模型对象的子元素,则flex属性不起作用。
语法:
flex : flex-grow flex-shrinkflex-basis | auto;一个数字,指定项目相对于其他灵活项目的扩展量。
弹性-收缩一个数字,指定项目相对于其他弹性项目的收缩量。
弹性基础项目的长度。合法值:“auto”、“inherit”或后跟“%”、“px”、“em”或任何其他长度单位的数字。
汽车和1 1汽车一样。
没有一个与0 0 auto相同。
示例:
!DOCTYPEhtml
超文本标记语言
头
metachartset=' utf-8 '
风格
#main
{
宽度width:220px
高度:300 px;
border:1pxsolidblack
display:flex
}
#maindiv
{
flex:1
}
/style
/head
身体
divided=' main '
div style=' background-color : coral;'红色/黄色
div style=' background-color : light blue;'蓝色/黄色
div style=' background-color : light green;'绿色分区/包含更多内容的分区
/div
/body
/html
感谢您仔细阅读本文。我希望文章“flex是css属性吗?”由边肖分享对大家都有帮助。同时希望大家多多支持,关注行业信息渠道,多了解!
内容来源网络,如有侵权,联系删除,本文地址:https://www.230890.com/zhan/102536.html