flex是不是css属性

这篇文章主要介绍了flex是不是css属性,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获、下面让小编带着大家一起了解一下。

flex css是属性。css flex属性是flex-grow, flex-shrink和flex-basis属性的简写属性,用于设置或检索弹性盒模型对象的子元素如何分配空间;如果元素不是弹性盒模型对象的子元素,则flex属性不起作用。

本教程操作环境:windows7多系统,CSS3&, HTML5版,戴尔G3电脑。

<强> flex css是属性。

flex属性用于设置或检索弹性盒模型对象的子元素如何分配空间。

flex属性是flex-grow, flex-shrink和flex-basis属性的简写属性,默认值为<代码> 0 1汽车。

该属性有两个快捷值:<代码>汽车(1 1汽车)和<代码>没有(0 0汽车)>

注意:如果元素不是弹性盒模型对象的子元素,则flex属性不起作用。

语法:

flex:, flex-grow  flex-shrink  flex-basis |汽车; <李>

flex-grow,,一个数字,规定项目将相对于其他灵活的项目进行扩展的量。

<李>

flex-shrink,,一个数字,规定项目将相对于其他灵活的项目进行收缩的量。

<李>

flex-basis,,项目的长度。合法值:“auto",“inherit"或一个后跟“%”,“px",“em"或任何其他长度单位的数字。

<李>

汽车,,与1汽车相同。

<李>

没有,,与0 0汽车相同。

示例:

& lt; ! DOCTYPE  html> 　　& lt; html> 　　& lt; head> 　　& lt; meta  charset=皍tf-8"祝辞, 　　& lt; style>, 　　#主要 　　{ 　　宽度:220 px; 　　身高:300 px; 　　边界:1 px  solid 黑色; 　　显示:flex; 　　} 　　 　　# main  div 　　{ 　　flex: 1; 　　} 　　& lt;/style> 　　& lt;/head> 　　& lt; body> 　　 　　& lt; div  id=癿ain"祝辞 　　& lt;才能div 风格=癰ackground:珊瑚;“在红色& lt;/div> 　　& lt;才能div 风格=癰ackground: lightblue;“在蓝色& lt;/div>,, 　　& lt;才能div 风格=癰ackground: lightgreen;“祝辞带有更多内容的绿色,div