流相对值
CSS 中流相对值是相对于一个元素的块轴、行轴而言的方向性关键字值,包括 block-start
、block-end
、inline-start
、inline-end
、start
和 end
。
CSS 的物理属性基于物理方向与参考元素的特定边定义了位置。
CSS 的逻辑属性则基于文档的书写模式、方向(而非视口的物理像素)定义了这些样式。逻辑属性是相对于内容流的,并且使用的是相对于一个元素的块轴、行内轴而言的方向性关键词。
块向
行向
行轴与块轴垂直,表示块内的行级内容(如文本)的流动方向(行向)。在英语等从左到右的书写模式中,行向是水平的从左到右。在阿拉伯语和希伯来语等从右到左的语言中,行向则是水平的从右到左。
inline-start 和 inline-end 分别表示沿行轴的内容的起始侧和结束侧,其中 inline-start
和 inline-end
的值和属性等同于水平书写模式中的 left
和 right
属性和值(具体对应关系视书写方向而定)。例如,在从左到右的语言中,inline-start
是 left
,在从右到左的语言中是 right
。
Start 与 End
CSS 属性的效果可以是一维的或二维的。例如,text-align
只涉及文本的行内方向,因此是一维的。当在上下文中限制为一维时,流相对关键字被缩写为 start
或 end
。