av一区二区在线观看_亚洲男人的天堂网站_日韩亚洲视频_在线成人免费_欧美日韩精品免费观看视频_久草视

您的位置:首頁技術文章
文章詳情頁

css - flex換行后如何設置行距?(direction:row+warp:warp)

瀏覽:108日期:2023-06-17 17:10:54

問題描述

效果圖

css - flex換行后如何設置行距?(direction:row+warp:warp)

css

.flex-container { display: flex; flex-direction: row; flex-wrap: wrap;}.flex-item { width: 33%;}html

<form role> <p class='flex-container'><p class='flex-item'> <p class='form-group'><label class='control-label'>提交類型:</label><input type='text' placeholder='請輸入內容'/> </p></p><p class='flex-item'> <label class='control-label'>主責部門:</label> <select id='select_orderstatus'><option value='-1'>全部</option><option value='0'>行政部</option><option value='1'>IT部</option> </select></p><p class='flex-item'> <label class='control-label'>崗位:</label> <input type='text' placeholder='請輸入內容'/></p><p class='flex-item'> <p class='form-group'><label class='control-label'>指示編號: </label><input type='text' placeholder='請輸入內容'/> </p></p><p class='flex-item'> <label class='control-label'>指示名稱: </label> <input type='text' placeholder='請輸入內容'/></p><p class='flex-item'> <label class='control-label'>指標類型:</label> <select id='select_orderstatus'><option value='-1'>全部</option><option value='0'>類型1</option><option value='1'>類型2</option> </select></p> </p></form>

問題解答

回答1:

flex-container里加個align-content: space-around再給個固定高度

回答2:

justify-content:space-between;flex-flow:row wrap;

標簽: CSS
相關文章:
主站蜘蛛池模板: 伊人在线| 精品99在线 | 蜜臀网 | 一区二区三区国产好 | 香蕉久久网 | 最新av在线网址 | 一区二区三区久久久 | 成人a免费 | 欧美日批 | 久久国产综合 | 精品久久久网站 | 日韩有码一区 | 成人精品在线观看 | 理论片87福利理论电影 | www.日本在线播放 | 日本久久精品视频 | 国产毛片视频 | 精品综合久久 | 亚洲欧美另类在线 | 久久国产精品网 | 亚洲成人综合社区 | 久久久久欧美 | av一区二区三区 | 天堂一区二区三区四区 | 亚洲精品黄| 亚洲欧美日韩中文在线 | 欧美在线一区二区三区 | 国产精品国产精品 | 国产精品不卡一区二区三区 | 91五月婷蜜桃综合 | 国产91久久精品一区二区 | 国产精品一区二区三区久久 | 视频精品一区二区三区 | 亚洲国产精品一区二区久久 | 精品国产18久久久久久二百 | 午夜一区二区三区在线观看 | 日本a v在线播放 | 国产欧美精品一区二区色综合朱莉 | 91精品久久久久久久久久小网站 | 亚洲一区二区三区在线播放 | 国产一区二区三区视频 |