【文件属性】:
文件名称:flex.css:轻松使用CSS3 Flexbox
文件大小:3KB
文件格式:ZIP
更新时间:2021-05-15 07:51:13
CSS
flex.css
轻松使用CSS3 Flexbox
用法
flex-row和flex-col
添加flex-row或flex-col以将元素样式设置为具有Flex方向行或列的Flex框。 或者,您可以将flex-box与flex-row一样使用,其高度和宽度为100%。
要包装孩子,请设置要包装的html属性值,例如flex-row="wrap"
弹性布局
要对齐孩子,只需添加flex-layout="MAIN-AXIS CROSS-AXIS"
MAIN-AXIS的可能值:
开始
*
拉紧
间隔或简单的空间
周围的空间
结尾
CROSS-AXIS的可能值:
开始
*
拉紧
基准线
结尾
弹性内容
在横轴上对齐包裹的子项。 值与主轴的值相同,例如flex-content="space"
柔性
强制元素使用所有多余的空间
自我
您可以使用flex-self将flexbox子项在
【文件预览】:
flex.css-master
----flex.css(7KB)
----flex.scss(3KB)
----README.md(1KB)
----login-demo.html(626B)