|
|
|
|
|
|
|
|
FlexJustifyContent (Property) In french: FlexJustifyContent
The FlexJustifyContent property gets and sets the alignment of items in the Flexbox control along the main axis (corresponding CSS property: "justify-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 items in a Flexbox control Hide the details
<Result> = <Control used>.FlexJustifyContent
<Result>: Integer constant Alignments of lines in the Flexbox control:
| | | fbjcCenter | Items are centered along the main axis. There is no space between them. The same spacing value is generated at each end of the group of items. | | fbjcEnd | The last item is aligned to the end of the main axis. Depending on the direction of the Flexbox control, the other items are positioned from right to left or bottom to top. | | fbjcSpaceAround | Depending on the direction of the Flexbox control, items are distributed along the main axis. Items are distributed with equal space around them, taking into account both the other items and the edges of the Flexbox control. | | fbjcSpaceBetween | Depending on the direction of the Flexbox control, items are distributed along the main axis. The first item is aligned to the start of the main axis. The last item is aligned to the end of the main axis. The other items are distributed in the remaining space and the same spacing value is used between the items. | | fbjcStart | The first item is aligned to the start of the main axis. Depending on the direction of the Flexbox control, the other items are positioned from left to right or top to bottom. |
<Control used>: Control name Name of the Flexbox control used.
Setting the alignment of items in a Flexbox control Hide the details
<Control used>.FlexJustifyContent = <New alignment>
<Control used>: Control name Name of the Flexbox control used. <New alignment>: Integer constant New alignment:
| | | fbjcCenter | Items are centered along the main axis. There is no space between them. The same spacing value is generated at each end of the group of items. | | fbjcEnd | The last item is aligned to the end of the main axis. Depending on the direction of the Flexbox control, the other items are positioned from right to left or bottom to top. | | fbjcSpaceAround | Depending on the direction of the Flexbox control, items are distributed along the main axis. Items are distributed with equal space around them, taking into account both the other items and the edges of the Flexbox control. | | fbjcSpaceBetween | Depending on the direction of the Flexbox control, items are distributed along the main axis. The first item is aligned to the start of the main axis. The last item is aligned to the end of the main axis. The other items are distributed in the remaining space and the same spacing value is used between the items. | | fbjcStart | The first item is aligned to the start of the main axis. Depending on the direction of the Flexbox control, the other items are positioned from left to right or top to bottom. |
This page is also available for…
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|