sách gpt4 ăn đã đi

css - flex-end 和 end 的区别?

In lại 作者:技术小花猫 更新时间:2023-10-29 11:17:27 32 4
mua khóa gpt4 giày nike

当我使用 css 属性 căn chỉnh các mục 时,我看不到 flex-end 值或 kết thúc 值有任何视觉差异>.

align-items: endalign-items: flex-end 有什么区别?

câu trả lời hay nhất

在 CSS Box Alignment specification 中定义了一个值 (kết thúc) , 旨在应用于多种盒子布局模型( block 、表格、网格、 flex 等)

另一个值 (flex-end) 在 CSS 中定义 flexbox specification , 并且仅适用于 flex 布局。

通过盒子对齐规范,W3C 正试图为 CSS 中的盒子对齐建立一种通用语言。最终,Box Alignment 值将取代 flex、grid 和其他规范中定义的特定值。

Ví dụ:

  • kết thúc 将被用来代替 flex-end
  • column-gap 将被用来代替 grid-column-gap
  • vân vân.

许多 Box Alignment 值已经在主要浏览器中使用。但是完全实现还有一段路要走,所以使用 flex-end thay vì kết thúc 仍然更安全(然后依靠对遗留名称的长期支持)。

这是来自方框对齐规范的插图:

§ 8.3. Legacy Gap Properties: the grid-row-gap, grid-column-gap, Và grid-gap của cải

The Grid Layout module was originally written with its own set of gutter properties, before all such properties were unified into the existing row-gap / column-gap naming. For compatibility with legacy content, those legacy property names must be supported as aliases:

  • grid-row-gap must be treated as a shorthand for the row-gap tài sản

  • grid-column-gap must be treated as a shorthand for the column-gap tài sản

  • grid-gap must be treated as a shorthand for the gap tài sản

In all three cases, the legacy properties must take the same grammar as the property they are aliasing, and just "forward" the value to their aliased property.

关于css - flex-end 和 end 的区别?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54654050/

32 4 0
Chứng chỉ ICP Bắc Kinh số 000000
Hợp tác quảng cáo: 1813099741@qq.com 6ren.com
Xem sitemap của VNExpress