摘要：
order属性可以让flex中的元素进行顺序排列，默认是0，按照flex中所有元素声明的order进行排列 比如在依次声明的view的css中声明 .red { background-color: red; order:3; } .green { background-color: green; o 阅读全文
posted @ 2021-10-03 22:02
RookieCoderAdu
阅读(69)
评论(0)
推荐(0)
摘要：
默认情况下，容器中的元素是拉伸的状态。 也就是说，容器中声明的view元素在不添加高度的情况下会和容器的高度保持一致。 默认 align-items:stretch； 所有元素和容器等高 当容器中声明的元素高度不一致的时候，就要声明元素在交叉轴上的对齐方式了 1.flex-start 表示元素向上或 阅读全文
posted @ 2021-10-03 21:16
RookieCoderAdu
阅读(650)
评论(0)
推荐(0)
摘要：
使用justify-content来定义元素的对齐方式。 1.flex-start 默认元素在主轴上面左对齐 或者 向上对齐(设置flex-direction为column) 2.flex-end 默认右对齐 或者 向下对齐 3.center 居中 4.space-between 在元素与元素中间添 阅读全文
posted @ 2021-10-03 21:00
RookieCoderAdu
阅读(4102)
评论(0)
推荐(0)
摘要：
在页面上声明 <style> @import url("flex.css") </style> 这里使用了@import url用法 如果css文件和vue页面在同一个目录下面，可以和上面一样的写法 注意： 1.style可以在页面中存在多个 2.页面中的样式会优先导入的css样式，假如页面中声明了 阅读全文
posted @ 2021-10-03 20:21
RookieCoderAdu
阅读(1090)
评论(0)
推荐(0)
浙公网安备 33010602011771号