zh-CN: Block- and inline-related glossary revamp

[yarusome]

#12567 (comment) 对 CSS 的 block 和 inline 及其相关术语的译法作出了如下统一：

英文术语	中文译法	英文术语	中文译法
block direction	块向	inline direction	行向
block end	块末	inline end	行末
block start	块首	inline start	行首
block-level	块级（的）	inline-level	行级（的）
block	【形】块向（的）（= in the block direction）	inline	【形】行向（的）（= in the inline direction）
block	【形】块级（的）（= block-level）[1]	inline	【形】行级（的）（= inline-level）[1]
block	【形】区块（的）（= of the block）	inline	【形】行内（的）[2]
block	【名】区块

[1]: 仅用于后接 box 或 element 时。
[2]: 用于表示仅在行内使用的项目，如常用宏

此议题用于追踪相关术语的更新进度，同时欢迎大家贡献力量 😄

---

以“内联”和“块”为关键词搜索结果如下（不保证涵盖出现其他旧式译法的文档）：

• zh-CN: Update block- and inline-terms in /glossary/* #12669
• /web/css/ 下的属性（待排查）
  • zh-CN: Update terms for the logical padding-* properties #12702
  • zh-CN: Update term for @media/overflow-* #12723
  • zh-CN: Update terms for the logical sizing properties #12726
  • zh-CN: Update terms for the logical margin properties #12783
  • /web/css/-webkit-line-clamp/index.md
  • /web/css/-webkit-mask-attachment/index.md
  • [zh-cn] update web/css/align-items translation #16613
  • /web/css/align-self/index.md
  • /web/css/bottom/index.md
  • /web/css/box-decoration-break/index.md
  • /web/css/box-orient/index.md
  • /web/css/clear/index.md
  • /web/css/direction/index.md
  • /web/css/display/index.md [zh-cn]: translate for display #19314
  • /web/css/flex-direction/index.md
  • /web/css/float/index.md
  • /web/css/grid-auto-rows/index.md
  • /web/css/grid-template-areas/index.md
  • /web/css/height/index.md
  • /web/css/justify-content/index.md
  • /web/css/justify-items/index.md
  • /web/css/justify-self/index.md
  • /web/css/left/index.md
  • /web/css/line-height/index.md
  • /web/css/list-style-position/index.md
  • /web/css/list-style-type/index.md
  • /web/css/margin-bottom/index.md
  • /web/css/margin-left/index.md zh-cn: update the translation of margin-left #18639
  • /web/css/margin-top/index.md
  • /web/css/margin/index.md
  • /web/css/max-width/index.md [zh-cn] update translation of {min,max}-width #18824
  • /web/css/min-width/index.md [zh-cn] update translation of {min,max}-width #18824
  • /web/css/order/index.md
  • zh-cn: update the translation of "overflow-x/y" #16602
  • zh-cn: update the translation of "overflow-x/y" #16602
  • /web/css/overflow/index.md
  • Update CSS property overflow-wrap #13198
  • /web/css/overscroll-behavior-x/index.md
  • /web/css/padding-top/index.md [zh-cn] update various padding docs #19886
  • /web/css/padding/index.md [zh-cn] update various padding docs #19886
  • /web/css/page-break-after/index.md
  • /web/css/place-items/index.md
  • /web/css/position/index.md
  • /web/css/resize/index.md
  • /web/css/right/index.md
  • /web/css/scroll-snap-type/index.md
  • /web/css/shape-image-threshold/index.md
  • /web/css/shape-margin/index.md
  • /web/css/shape-outside/index.md
  • /web/css/text-align/index.md may be fixed by Update zh-cn translation related to color and gradient #14819
  • /web/css/text-decoration-skip/index.md
  • /web/css/text-indent/index.md
  • /web/css/text-overflow/index.md
  • /web/css/top/index.md
  • /web/css/unicode-bidi/index.md
  • /web/css/vertical-align/index.md
  • /web/css/width/index.md

/learn/css/building_blocks/

Beta Give feedback

1. /learn/css/building_blocks/advanced_styling_effects/index.md
2. /learn/css/building_blocks/handling_different_text_directions/index.md
3. /learn/css/building_blocks/organizing/index.md
4. /learn/css/building_blocks/overflowing_content/index.md
5. /learn/css/building_blocks/selectors/selectors_tasks/index.md
6. /learn/css/building_blocks/sizing_items_in_css/index.md
7. /learn/css/building_blocks/styling_tables/index.md
8. /learn/css/building_blocks/the_box_model/index.md [zh-cn] update 'The box model' #18264
9. [zh-cn]: synchronize Chinese documents based on the upstream #19571
   l10n-zh +1

/learn/css/css_layout/

Beta Give feedback

1. /learn/css/css_layout/index.md
2. /learn/css/css_layout/flexbox/index.md
3. /learn/css/css_layout/floats/index.md
4. /learn/css/css_layout/introduction/index.md
5. sync with english version for normal layout #14419
   l10n-zh +1
6. /learn/css/css_layout/positioning/index.md

/learn/css/first_steps/

Beta Give feedback

1. [zh-cn] update 'how css is structured' #13398
   l10n-zh +1

/learn/css/styling_text/

Beta Give feedback

1. /learn/css/styling_text/fundamentals/index.md
2. /learn/css/styling_text/styling_links/index.md [zh-cn] update 'Styling Links' #18615

/learn/css/ 下的其他文档

Beta Give feedback

1. [zh-cn] update css_basics #13329
   l10n-zh +1

/web/css/ 下的圈号规则（at-rule）

Beta Give feedback

1. /web/css/@media/index.md zh-cn: update the translation of @media #15824
2. /web/css/@page/index.md [zh-cn] update page at-rule #17309

/web/css/ 下的数据类型和函数

Beta Give feedback

1. zh-CN: Update terms for <display-*>; finish translation #12924
   l10n-zh +1
2. /web/css/length/index.md
3. /web/css/minmax/index.md
4. /web/css/repeat/index.md

/web/css/ 下的概念

Beta Give feedback

1. /web/css/containing_block/index.md
2. /web/css/inherit/index.md
3. /web/css/inline_formatting_context/index.md
4. /web/css/layout_mode/index.md
5. /web/css/reference/index.md
6. /web/css/viewport_concepts/index.md
7. /web/css/visual_formatting_model/index.md

/web/css/ 下的 CSS 模块介绍

Beta Give feedback

1. [zh-cn] revise css index #15622
   l10n-zh +1
2. /web/css/css_box_alignment/index.md
3. /web/css/css_box_alignment/box_alignment_in_flexbox/index.md
4. /web/css/css_box_model/index.md
5. /web/css/css_box_model/introduction_to_the_css_box_model/index.md
6. sync with english version for margin collapsing #14279
   l10n-zh +1
7. /web/css/css_colors/applying_color/index.md [zh-cn] update 'applying color' #17421
8. /web/css/css_columns/basic_concepts_of_multicol/index.md
9. /web/css/css_columns/using_multi-column_layouts/index.md
10. /web/css/css_container_queries/index.md [zh-cn]: add translation for Web/CSS/CSS_Container_Queries #12821
11. zh-CN: Translate "CSS Containment" #12810 zh-CN: CSS containment-related fine-tuning #14311
12. /web/css/css_flexible_box_layout/index.md
13. /web/css/css_flexible_box_layout/aligning_items_in_a_flex_container/index.md
14. /web/css/css_flexible_box_layout/backwards_compatibility_of_flexbox/index.md
15. /web/css/css_flexible_box_layout/mastering_wrapping_of_flex_items/index.md
16. /web/css/css_flexible_box_layout/relationship_of_flexbox_to_other_layout_methods/index.md zh-cn: update the translation of "Relationship of flexbox to other layouts" #18463
17. /web/css/css_flexible_box_layout/typical_use_cases_of_flexbox/index.md zh-cn: update the translation of "Typical use cases of flexbox" #18305
18. /web/css/css_flow_layout/index.md
19. /web/css/css_flow_layout/block_and_inline_layout_in_normal_flow/index.md
20. /web/css/css_flow_layout/flow_layout_and_overflow/index.md
21. /web/css/css_flow_layout/flow_layout_and_writing_modes/index.md
22. /web/css/css_flow_layout/in_flow_and_out_of_flow/index.md
23. /web/css/css_flow_layout/intro_to_formatting_contexts/index.md
24. [zh-cn] Update CSS fragmentation introduction #15621
    l10n-zh +1
25. /web/css/css_grid_layout/box_alignment_in_css_grid_layout/index.md
26. /web/css/css_grid_layout/css_grid_logical_values_and_writing_modes/index.md
27. /web/css/css_grid_layout/layout_using_named_grid_lines/index.md
28. /web/css/css_grid_layout/line-based_placement_with_css_grid/index.md
29. /web/css/css_grid_layout/realizing_common_layouts_using_css_grid_layout/index.md
30. /web/css/css_grid_layout/relationship_of_grid_layout/index.md
31. /web/css/css_lists_and_counters/consistent_list_indentation/index.md
32. /web/css/css_positioning/index.md
33. /web/css/css_positioning/understanding_z_index/stacking_and_float/index.md
34. /web/css/css_positioning/understanding_z_index/stacking_without_z-index/index.md

/web/css/layout_cookbook/

Beta Give feedback

1. [zh-cn] Update 'breadcrumb navigation' #14079
   l10n-zh +1
2. [zh-cn] update center_an_element #12519
   l10n-zh +1
3. [zh-cn] Update 'split navigation' #15825
   l10n-zh +1

/web/guide/

Beta Give feedback

1. [zh-cn] Update 'block formatting context' #14023
   l10n-zh +1

[fwqaaq]

inline 可以增加一个名词，行内，指代行内元素

[fwqaaq]

• https://developer.mozilla.org/en-US/docs/Web/HTML/Block-level_elements
• https://developer.mozilla.org/en-US/docs/Web/HTML/Inline_elements

它的 inline_elements 是否应该更新与 block-level_elements 相同，在 block 的页面指示的也是 inline-level_elements

[fwqaaq]

https://github.com/mdn/content/pull/25891/files#diff-27a6658f50aeee036c920e40bcb54176d2c5a1989935299c6d6fa5897dcb799d

对于 block-level_elements 以及 inline elements 都删掉了，看来得等更新了

[yin1999]

考虑在 https://github.com/mdn/translated-content/tree/main/docs/zh-cn 目录下新建一个术语翻译对照表，我目前的想法是根据前端涉及的三种语言：HTML、CSS 和 JavaScript 分成三个大的部分（即相关的术语翻译放到相应的二级标题下），这样我们不需要考虑创建新的组织来维护这些术语，以后也能够随着中文翻译文档一起迁移管理。

我之前有提过类似的想法，@jasonren0403 你有什么建议吗

如果没有的话，我们就开始着手准备相应的术语表的创建。不过在此之前，因为 CSS 相关的术语对于同一个关键字可能会有多个翻译，我想确定一下，我们采用什么样的格式会比较合理

[jasonren0403]

开个PR收集一下？

除了原来的常见标题对照内容外，加一栏参考和讨论来源比较好吧

考虑在 https://github.com/mdn/translated-content/tree/main/docs/zh-cn 目录下新建一个术语翻译对照表，我目前的想法是根据前端涉及的三种语言：HTML、CSS 和 JavaScript 分成三个大的部分（即相关的术语翻译放到相应的二级标题下），这样我们不需要考虑创建新的组织来维护这些术语，以后也能够随着中文翻译文档一起迁移管理。

我之前有提过类似的想法，@jasonren0403 你有什么建议吗

如果没有的话，我们就开始着手准备相应的术语表的创建。不过在此之前，因为 CSS 相关的术语对于同一个关键字可能会有多个翻译，我想确定一下，我们采用什么样的格式会比较合理

[yin1999]

开个PR收集一下？

我创建了一个 PR（#12858），大家有想法可以在 PR 里面添加建议，或者给 https://github.com/yin1999/translated-content/tree/glossary 这个分支提交 PR，我今晚有时间会大概规划一下排版。

除了原来的常见标题对照内容外，加一栏参考和讨论来源比较好吧

这个是我之前使用的术语表 https://github.com/yin1999/web-glossary