#linear-direction

#介绍

linear-direction 定义线性布局中的元件排列方向（默认为垂直布局），该方向作为线性布局的主轴，另外一个方向称为交叉轴。

请注意，值 row、row-reverse 受线性布局中的 direction 影响。例如，如果 dir 属性是 rtl 或者 lynx-rtl，row 表示从右到左定向的轴，而 row-reverse 表示从左到右。

#使用示例

css-apisrc/linear-direction/App.tsx

Code

预览

#语法

linear-direction: column;

/* Like <column>, but reversed */
linear-direction: column-reverse;

linear-direction: row;

/* Like <row>, but reversed */
linear-direction: row-reverse;

#取值

• column

  默认值。线性布局中的元件按照垂直方向进行布局。主轴的方向为垂直方向。

• row

  线性布局中的元件按照水平方向进行布局。主轴的方向为水平方向。

• column-reverse

  和 column 表现一致，但是置换了主轴起点和主轴终点。

• row-reverse

  和 row 的表现一致，但是置换了主轴起点和主轴终点。

• vertical deprecated

  同 column。

• horizontal deprecated

  同 row。

• horizontal-reverse deprecated

  同 row-reverse。

• vertical-reverse deprecated

  同 column-reverse。

#形式定义

#形式语法

linear-direction = column | row | column-reverse | row-reverse

#与 Web 的区别

• Web 无该样式。

#兼容性