Some summary about Flex

October 20, 2021By Simo Flex

How to turn a box into a flexible box?

1. Define the attributes of a flexible box:

display:flex–>This attribute defines a flexible box.

flex:-direction:row–>Define the direction of the main axis. There are four values: ↓↓

row: The main axis is horizontal, and the sub-elements are arranged horizontally from left to right. (Default value)

row-reverse: the main axis is horizontal, and the sub-elements are arranged horizontally from right to left (not commonly used)

column: the main axis is the vertical direction, and the sub-elements are from the top Vertical arrangement to the bottom

column-reverse: the main axis is vertical, and the sub-elements are arranged vertically from top to bottom (not commonly used)

1 <div class< span style="color: #0000ff;">="box">

2 < div class="info">1div>

3 < div class="info">2div>

4div>

1 <div class="box">

2 < div class="info">1div>

3 < div class="info">2div>

4div>

About, Flex, Some, Summary

WordPress database error: [Table 'yf99682.wp_s6mz6tyggq_comments' doesn't exist]
SELECT SQL_CALC_FOUND_ROWS wp_s6mz6tyggq_comments.comment_ID FROM wp_s6mz6tyggq_comments WHERE ( comment_approved = '1' ) AND comment_post_ID = 5892 ORDER BY wp_s6mz6tyggq_comments.comment_date_gmt ASC, wp_s6mz6tyggq_comments.comment_ID ASC

Leave a Comment Cancel reply