现代布局

LTR RTL 国际化方案

• ltr - 默认：表示文本或元素的排列方向为从左到右，这是大多数西方语言（如英语、法语、德语等）的常规阅读和显示方向，也是众多文档、网页等默认采用的布局方式 。

• rtl - 从右到左：即文本或元素以从右到左的顺序进行排列。这种方向主要应用于如阿拉伯语、希伯来语等语言体系，这些语言的书写习惯决定了其内容展示需遵循从右向左的规则。

• initial - 初始默认值：该值会将属性设置为其初始默认状态。在涉及到元素的排列方向这类属性时，使用 “initial” 意味着将该属性还原到浏览器或系统预先定义的初始值，通常在无其他特殊设定的情况下，等同于 “ltr” 的默认从左到右效果 。

• 继承来自父级的值：当某元素的排列方向属性被设置为继承时，它会自动获取其父元素所设定的排列方向。例如，在一个网页结构中，如果父级 <div> 元素被设定为 “rtl” 从右到左排列，那么其内部的子元素，若设置为继承排列方向属性，也会按照从右到左的方式进行排列，这有助于保持文档结构内排版方向的一致性与继承性 。

TRBL

容器边距

Flexbox