Detailed explanation of the usage of layout-flow attribute

Syntax:

layout-flow : horizontal | vertical-ideographic

Parameters:
horizontal: The content in object flows in from the left. The next line is below the previous line. This value is suitable for Latin languages ​​
vertical-ideographic: The content in the object flows from top to bottom, with the next line to the left of the previous line. This value is suitable for Asian languages ​​
Description:
Sets or retrieves the flow and direction of text within an object.
When the value of this attribute changes, the functions of the text-align attribute and the vertical-align attribute will also change.
The corresponding script feature is layoutFlow. Please see other books I have written.

When the value of this attribute changes, the functions of the text-align attribute and the general-align attribute will also change.
For the following elements, style sheet attributes are not inheritable:

The effect of this attribute will not be cumulative. For example, if the value of this property of the parent object is set to  tb-rl , setting the value of this property of the child object to  tb-rl  will not cause the rotation of the child object.
If the object's writing-mode property setting is different from its parent object, it will get its own layout. The width of such an object is determined by using the height of its first laid-out parent.
When you use objects with different pwriting-modep attribute values, specifying certain sizes for each object can give you better overall control over their layout.
This property is read-only for the pcurrentStyle object. For other objects can be read and written.
The corresponding script feature is

layout-flow:vertical-ideographic;
means to arrange the text like ancient Chinese, such as "one, two, three, four, five, six, seven, eight, nine." 〇", usually from left to right. After using this sentence, it is: the text is arranged vertically from right to left, column by column.