align-self和align-items的区别

2019-12-27 08:40:55

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

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

图片描述


  • 精彩推荐

  • 2020-11-11 15:05:39

    nuxt如何在其它js文件中使用store

    在新建的js文件中想用store里面的数据，比如token想在封装的axios里面，请求头里面去使用，亦或者通过app的JS接口获取token并存储在store里面。我们都知道如何在vue中如何使用。

  • 2020-11-12 14:01:46

    使用postMessage来实现父子通信跨域

    1.子向父，子postMessage,父监听message; 2.父向子，父postMessage,子监听message; 3.测试发现，子向父postMessage的时候，源可以写为‘*’，父向子postMessage的时候，源需要写成子的源，(也就是子页面的协议+主机号+端口) 测试代码部分：

  • 2020-11-12 14:24:39

    Object.entries()

    Object.entries()方法返回一个给定对象自身可枚举属性的键值对数组，其排列与使用 for...in 循环遍历该对象时返回的顺序一致（区别在于 for-in 循环还会枚举原型链中的属性）