align-self和align-items的区别

ZweiZhao 发布于2019-08-30 15:44 / 2246人阅读

摘要：在伸缩容器上使用它，伸缩容器内部所有的元素都一致地受制于的值。此时就不能使用，因为作用于整体。我们希望作用于部分。的可取值和的可取值完全相同。之前一直看不懂和的区别那是因为没有发挥想象力。

align-items在伸缩容器上使用它，伸缩容器内部所有的元素都一致地受制于align-items的值。
但是有些时候，我们希望伸缩容器内部某个元素在侧轴上的排列方式有所差异。此时就不能使用
align-items，因为align-items作用于整体。我们希望作用于部分。这就是align-self的发挥场地。

align-self的可取值和align-items的可取值完全相同。之前一直看不懂align-self和align-items的区别
那是因为没有发挥想象力。

云服务器 GPU云服务器宽带和专线的区别专线和宽带的区别空间和域名的区别功能和作用的区别

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/116099.html

通过动图形象地为你介绍 flexbox 是如何工作的（一）

摘要：为了完成这一目标，它允许容器自己来决定如何均匀地分布其中的元素包括他们的尺寸和他们之间的间距。作者：Scott Domes 编译：胡子大哈翻译原文：http://huziketang.com/blog/posts/detail?postId=58aaadb2fc5b7f63e8c23f69 英文原文：How Flexbox works — explained with big, ...

everfly 2019-08-20 14:25 评论0 收藏0
Flex入坑指南

摘要：我们给容器设置了宽度为为了方便的减去计算。这个属性用来设置元素在容器中所占据的宽度默认主轴方向，这个属性主要是用来让来计算容器是否还有剩余面积的。弹性布局flex是一个几年前的CSS属性了，说它解放了一部分生产力不为过。至少解放了不少CSS布局相关的面试题 :) 之前网上流行的各种XX布局，什么postion: absolute+margin，float+padding，各种都可以...

imccl 2019-08-29 15:35 评论0 收藏0
Flex入坑指南

摘要：我们给容器设置了宽度为为了方便的减去计算。这个属性用来设置元素在容器中所占据的宽度默认主轴方向，这个属性主要是用来让来计算容器是否还有剩余面积的。弹性布局flex是一个几年前的CSS属性了，说它解放了一部分生产力不为过。至少解放了不少CSS布局相关的面试题 :) 之前网上流行的各种XX布局，什么postion: absolute+margin，float+padding，各种都可以使用fle...

番茄西红柿 2019-04-23 13:40 评论0 收藏0
Flexbox Guide

摘要：模型，通常被称为，是一种一维的布局模型。它将基于行或列控制布局，但不能同时控制布局。的主要目标是允许项目填充其容器提供的整个空间，具体取决于您设置的一些规则。那么超出的需要被消化通过收缩因子，所以加权综合可得。 showImg(https://segmentfault.com/img/remote/1460000016761795?w=871&h=559); Flexible Box ...

stefanieliang 2019-08-29 17:02 评论0 收藏0