2019年11月6日
04-align-content 它对于当单行是没有效果的
摘要： align-content 运用在父级元素上 align-content: 它通常与子元素的div{ margin:10px } 一起联合使用。 用在子项出现换行的情况下，并是多行的情况下哦。运用在子项侧轴上的排列方式。 align-content的值 align-content: flex-sta 阅读全文
posted @ 2019-11-06 00:19 南风晚来晚相识 阅读(1650) 评论(0) 推荐(0)
03-flex-wrap是否换行
摘要： flex-wrap:运用到父元素上 结合 display: flex; flex-wrap: wrap; 换行 flex-wrap: nowrap; 不换行 #main { width: 300px; height: 300px; border: 1px solid #c3c3c3; display 阅读全文
posted @ 2019-11-06 00:10 南风晚来晚相识 阅读(1453) 评论(0) 推荐(0)
02-align-items的用法
摘要： 侧轴是相对的 默认主轴是x 所以侧轴就是y轴 align-items设置侧轴上的子元素排列的方式（单行）纵轴方向上的对齐方式 align-items: flex-start; 顶部对齐 align-items: center; 居中对齐 align-items: flex-end; 底部对齐 ali 阅读全文
posted @ 2019-11-06 00:08 南风晚来晚相识 阅读(1754) 评论(0) 推荐(0)