Detailed Layout-flow attribute usage

Source: Internet
Author: User
Grammar:

Layout-flow:horizontal | Vertical-ideographic

Parameters:
Horizontal: The contents of the object flow from the left. The next line is below the previous line. This value is suitable for the Latin language
Vertical-ideographic: The contents of the object flow from top to bottom, 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 this property value changes, the effect of the Text-align property and the Vertical-align property will also vary.
The corresponding script attribute is layoutflow. Please refer to the other bibliography I have written.

When this property value changes, the effect of the Text-align property and the Pvertical-align property will also vary.
Style sheet properties are not inheritable for the following elements:

This property effect is not cumulative. For example, if this property value of the parent object is set to &NBSPTB-RL&NBSP, setting this property value of the child object to &nbsptb-rl&nbsp does not result in the rotation of the child object.
If the object's Writing-mode property setting is not the same as its parent object, it will get its own layout. The width of such an object is determined by using the height of the first parent object that has a layout.
When you use an object with different PWRITING-MODEP property values, assigning a certain size to each object gives you a better overall control over their layout.
This property is read-only for Pcurrentstyle objects. Readable and writable for other objects.
The corresponding script attribute is

layout-flow:vertical-ideographic;
The meaning is to arrange the text like the ancient prose, such as "1234567890", normal is from left to right order. When you use this sentence, it is a column of text from right to left that is vertically lined.
<div style= "LAYOUT-FLOW:VERTICAL-IDEOGRAPHIC;WIDTH:12PX;" >
1234567890, try this piece of code to know the meaning. However, it is not recommended to use, because this is IE proprietary properties, not compatible with Firefox, etc., is not recommended.

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.