在传统的CSS学习中，我们接触的属性和值大多与显示器的物理方向紧密相关。例如，我们使用 top、right、bottom、left 来定位元素，使用 margin-top、padding-left 来设置间距，这些属性默认假设文本是从左到右、从上到下排列的。

这种假设对于英文、法文等语言是成立的，但对于阿拉伯语、希伯来语等从右向左书写的语言，或者日文、蒙古文等可以纵向书写的语言，传统的物理属性就无法很好地适应了。

随着互联网的全球化发展，CSS不断演进以更好地支持多语言环境。书写模式属性和逻辑属性的引入，使得开发者能够创建适应不同文本方向的布局，而不需要为每种语言单独编写样式。

本文将深入讲解书写模式的概念、逻辑属性的使用方法，以及它们对现代CSS布局的重要意义。

一、书写模式的基本概念

1.1 writing-mode 属性的三种取值

书写模式指的是文本的排列方向是横向还是纵向。CSS中的 writing-mode 属性用于控制文本的流动方向，它有三种主要取值：

分享至：