The CSS align-content property defines how the browser distributes space between and around content items along the cross-axis of their container, which is serving as a flexbox container. Stretch 'auto'-sized items to fit the container Items have equal space around themĭistribute items evenly. Items have a half-size space on either endĭistribute items evenly.
The first item is flush with the start, the last is flush with the endĭistribute items evenly. justify-content-flex-startĭistribute items evenly. The CSS justify-content property defines how the browser distributes space between and around content items along the main axis of their container. There are several helper classes to control flex model: Flex Direction The inline contents are centered within the line boxįor example: Center aligned text Right aligned text Element Display display-blockĮlement will be displayed as block elementĮlement will be displayed as inline elementĮlement will be displayed as inline block elementĮlement will be displayed as flex elementĮlement will be displayed as inline flex element The inline contents are aligned to the right edge of the line box
The inline contents are aligned to the left edge of the line box
Nobis, dicta, sit! Text Alignment text-align-left Assumenda earum tempora, voluptatem quas? Beatae cumque, ea porro, eius sed nemo impedit tempora nesciunt, nam necessitatibus quis animi. Nobis, dicta, sit! Lorem ipsum dolor sit amet, consectetur adipisicing elit. The element will float on the right side of its containing blockįor example Lorem ipsum dolor sit amet, consectetur adipisicing elit. The element will float on the left side of its containing block Content Spacing Margin MarginĪpplies half-value margin to the left and rightĪpplies half-value margin to the top and bottomįor example: Text with left margin Text with right margin Padding PaddingĪpplies half-value padding to the left and rightĪpplies half-value padding to the top and bottomįor example: Text with left padding Text with right padding Float Elements float-left Framework7 comes with a lot of additional CSS helper classes to help you with extra styling and formatting.
0 kommentar(er)
