flex.css:轻松使用CSS3 Flexbox

时间:2024-06-04 01:37:53
【文件属性】:

文件名称:flex.css:轻松使用CSS3 Flexbox

文件大小:3KB

文件格式:ZIP

更新时间:2024-06-04 01:37:53

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)

网友评论