这个老白有点憨-何亚斌
这个老白有点憨-何亚斌
hello! 我是"这个老白有点憨"何亚斌，因为已不是年轻小伙儿的编程小白所以叫老白，看我头像，相信也能看出来确实有点憨。这是我的第一个网站，不知道要做成什么样的，也不知道写些什么内容，就把我的一篇笔记写进来吧，希望能和各位一起交流学习认识一下，在康教主的带领下都把编程这门技术学好。学习编程或许是兴趣吧也或许是想新学一门技术，反正就开始学了。 这两天学习了一下CSS，我就先分享一下关于flex弹性盒子的笔记吧
center 将项目居中对齐到容器的中心。
center 将项目居中对齐到容器的中心。
flex-start(dedefault) {弹性启动（默认）}在容器的开头对齐项目。
flex-end 对齐容器末尾的项目。
space-between 第一个和最后一个项目将与容器的末端齐平，并且所有空间在项目之间平均共享。
space-around 项目的两端都有一半的空间。
space-evenly 物品周围具有相等的空间。
stretch 默认值。元素被拉伸以适应容器。
center 元素位于容器的中心。
flex-start 元素位于容器的开头。
flex-end 元素位于容器的结尾。
baseline 元素位于容器的基线上。
row 默认值。灵活的项目将水平显示，正如一个行一样。
row-reverse 与 row 相同，但是以相反的顺序。
column 灵活的项目将垂直显示，正如一个列一样。
column-reverse 与 column 相同，但是以相反的顺序。
auto 默认值。元素继承了它的父容器的 align-items 属性。
stretch 元素被拉伸以适应容器。
center 元素位于容器的中心。
flex-start 元素位于容器的开头。
flex-end 元素位于容器的结尾。
baseline 元素位于容器的基线上。
nowrap 默认值。规定灵活的项目不拆行或不拆列。
wrap 规定灵活的项目在必要的时候拆行或拆列。
wrap-reverse 规定灵活的项目在必要的时候拆行或拆列，但是以相反的顺序。
stretch 默认值。元素被拉伸以适应容器。
center 元素位于容器的中心。
flex-start 元素位于容器的开头。
flex-end 元素位于容器的结尾。
space-between 元素位于各行之间留有空白的容器内。
space-around 元素位于各行之前、之间、之后都留有空白的容器内。
Copyright © heyabin.com
蜀ICP备2023006149号-1