从字意上理解 CSS 中的 justify 和 align

在进行 CSS 样式编写时,经常会遇到 alignjustify 这两个单词,比如:justify-contentjustify-itemsalign-contentalign-items 等。

在开发中,这个两个词意思相近,总是记不牢它们的用法,因此本文从其字面意思上梳理这两个单词的区别,方便记忆。

利用百度进行翻译:

justify: 调整使全行排满;使每行排齐;使齐行

align: 排列;校准;排整齐;(尤指)使成一条直线;使一致

结合 css 中 flex 的用法,我们可以总结到如下结论:

  1. justify 是左右对齐
  2. align 是上下对齐