|
|
|
|
|
|
|
|
FlexAlignContent (Property) In french: FlexAlignContent
The FlexAlignContent property gets and sets the alignment of the lines within the Flexbox control along the cross axis (corresponding CSS property: "align-content").
FLEX_MyFlexbox.FlexDirection = fbdColumn
FLEX_MyFlexbox.FlexWrap = fbwWrap
FLEX_MyFlexbox.FlexJustifyContent = fbjcCenter
FLEX_MyFlexbox.FlexAlignContent = fbacEnd
FLEX_MyFlexbox.FlexAlignItems = fbaiCenter
FLEX_MyFlexbox.FlexColumnGap = 5
FLEX_MyFlexbox.FlexRowGap = 50
Syntax
Getting the alignment of lines in the Flexbox control Hide the details
<Result> = <Control used>.FlexAlignContent
<Result>: Integer constant Alignments of lines in the Flexbox control:
| | | fbacCenter | Items of all the lines are centered along the cross axis, taking into account the total height or width of the lines. | | fbacEnd | Depending on the direction of the Flexbox control: - items in the last line (N) are aligned to the bottom or right edge of the Flexbox control.
- items in the second to last line (N-1) are aligned to the top or left edge of the items in the last line (N), etc.
| | fbacSpaceAround | Items in each line are distributed from start to end along the cross axis. Items in each line are distributed with equal space around them, taking into account both the other items and the edges of the Flexbox control. | | fbacSpaceBetween | Depending on the direction of the Flexbox control: - items in the first line are aligned to the top or left edge of the Flexbox control.
- items in the last line (N) are aligned to the bottom or right edge of the Flexbox control.
Items in the inner lines are aligned and distributed at equal distance from the items in the first and last line. | | fbacStart | Depending on the direction of the Flexbox control: - items in the first line are aligned to the top or left edge of the Flexbox control.
- items in the second line are aligned to the bottom or right edge of the items in the first line, etc.
| | fbacStretch | Items will stretch horizontally and vertically to take up the remaining space in the Flexbox control. This is the default value ("undefined"). |
<Control used>: Control name Name of the Flexbox control used.
Setting the alignment of lines in the Flexbox control Hide the details
<Control used>.FlexAlignContent = <New alignment>
<Control used>: Control name Name of the Flexbox control used. <New alignment>: Integer constant New alignment:
| | | fbacCenter | Items of all the lines are centered along the cross axis, taking into account the total height or width of the lines. | | fbacEnd | Depending on the direction of the Flexbox control: - items in the last line (N) are aligned to the bottom or right edge of the Flexbox control.
- items in the second to last line (N-1) are aligned to the top or left edge of the items in the last line (N), etc.
| | fbacSpaceAround | Items in each line are distributed from start to end along the cross axis. Items in each line are distributed with equal space around them, taking into account both the other items and the edges of the Flexbox control. | | fbacSpaceBetween | Depending on the direction of the Flexbox control: - items in the first line are aligned to the top or left edge of the Flexbox control.
- items in the last line (N) are aligned to the bottom or right edge of the Flexbox control.
Items in the inner lines are aligned and distributed at equal distance from the items in the first and last line. | | fbacStart | Depending on the direction of the Flexbox control: - items in the first line are aligned to the top or left edge of the Flexbox control.
- items in the second line are aligned to the bottom or right edge of the items in the first line, etc.
| | fbacStretch | Items will stretch horizontally and vertically to take up the remaining space in the Flexbox control. This is the default value ("undefined"). |
This page is also available for…
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|