Flexbox 使用 justify-content space-between 令 Column 間隔相等
若希望 Browser 能自動均分 section 剩餘寬度,可使用 justify-content 的 space 系列設定。
若希望 Browser 能自動均分 section 剩餘寬度,可使用 justify-content 的 space 系列設定。
若希望能對 Main Axis 方向靠右,可使用 justify-content flex-end 設定。
若希望能對 Main Axis 方向靠左,可使用 justify-content flex-start 設定。
若希望能對 Main Axis 方向置中,可使用 justify-content center 設定。
若想由 Browser 自動產生 Column 或 Row,可使用 grid-auto-flow 設定。
Grid 若要使 Column 之間的間隔相等,可使用 justify-content space-evenly。
Grid 若要使 Column 之間的間隔相等,可使用 justify-content space-around。
Grid 若要使 Column 之間的間隔相等,可使用 justify-content space-between。
Grid 若要使 Column 或 Content 水平靠右,可使用 justify-content end。
Grid 若要使 Column 或 Content 水平靠左,可使用 justify-content start。