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精品久久久久久国产越南 | 亚洲一区二区电影在线观看 | 中文字幕国产 | 欧美日本一区 | 久产久精国产品 | 免费黄色a级毛片 | 国产一区二区精品在线 | 日韩中文字幕一区 | 成人无遮挡毛片免费看 | 亚洲成人综合社区 | 噜噜噜噜狠狠狠7777视频 | 久久精品综合网 | av色噜噜| 色约约视频 | com.国产| 国产高清一区二区三区 | 久久精品亚洲精品国产欧美 | 91精品中文字幕一区二区三区 | 欧美不卡一区二区 | 久久国产精品免费 | 在线观看国产视频 | 日本成人午夜影院 | 精品国产一区二区三区久久久蜜月 | 亚洲一区成人 | 中文字幕亚洲视频 | 91欧美激情一区二区三区成人 | 亚洲天堂久久新 | 国产精品视频导航 | 色婷婷影院 | 99爱视频 | 一级黄色片网址 | 精品三级在线观看 | 午夜国产 |