![]() However, its behavior differs from a horizontal box in the following ways. # Characteristics of a baseline boxĪ baseline box behaves in the same way as a horizontal box. The cross axis is the axis that runs perpendicular to the main axis. The main axis runs in the same direction as a horizontal box.įor more information on how this differs from a horizontal box, see Characteristics of a baseline box. Child elements are arranged vertically from top to bottom. Child elements are arranged horizontally. Specify the type of any box through its layout property. The direction of the main axis is determined by a box's type. # Types of boxes and the direction of the main axis Intermediate color stops for linear gradients.Direction (angle) of linear gradient backgrounds.Arranging child elements along the cross axis with the alignItems property.Arranging child elements along the main axis with the justif圜ontent property.Arranging a box's child elements and free space.Scaling to size according to the font size setting.Width of components in a horizontal box.Types of boxes and the direction of the main axis.For more information about the JSON schema, see the Flex Message section of the Messaging API reference. This page explains how to adjust the overall layout, as well as the size and alignment of components (child elements) in a box. The Flex box in the CSS Flexbox specification corresponds to the box component in a Flex Message, and the Flex items in the CSS Flexbox specification correspond to the components in a Flex Message. ![]() You can build complex Flex Messages layouts based on the specification for CSS Flexible Box (CSS Flexbox) (opens new window). ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |