Open 981377660LMT opened 6 months ago
space-evenly 和 space-around 是 CSS 的 justify-content 和 align-items 属性的值,用于设置元素在容器中的对齐方式。
space-evenly
space-around
justify-content
align-items
space-evenly:元素之间和元素与容器边界之间的空间是相等的。也就是说,第一个元素与容器左边界的距离、最后一个元素与容器右边界的距离,以及元素与元素之间的距离都是相等的。
space-around:元素之间的空间是相等的,但是元素与容器边界之间的空间是元素与元素之间空间的一半。也就是说,第一个元素与容器左边界的距离、最后一个元素与容器右边界的距离是元素与元素之间距离的一半。
这两种对齐方式的主要区别在于元素与容器边界之间的空间如何分配。
space-between
space-evenly
和space-around
是 CSS 的justify-content
和align-items
属性的值,用于设置元素在容器中的对齐方式。space-evenly
:元素之间和元素与容器边界之间的空间是相等的。也就是说,第一个元素与容器左边界的距离、最后一个元素与容器右边界的距离,以及元素与元素之间的距离都是相等的。space-around
:元素之间的空间是相等的,但是元素与容器边界之间的空间是元素与元素之间空间的一半。也就是说,第一个元素与容器左边界的距离、最后一个元素与容器右边界的距离是元素与元素之间距离的一半。这两种对齐方式的主要区别在于元素与容器边界之间的空间如何分配。
space-between
:元素之间的空间是相等的,但是第一个元素与容器左边界以及最后一个元素与容器右边界之间的空间是 0。也就是说,第一个元素紧贴容器左边界,最后一个元素紧贴容器右边界,其余元素在这两个元素之间平均分布。