css - flex換行后如何設置行距？（direction:row+warp:warp）
問題描述
效果圖
.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;
相關文章：
1. javascript - react+百度地圖2. html5 - iOS的webview加載出來的H5網頁，怎么修改html標簽select的樣式字體？3. vue.js - vue+webpack+vue-router 部署到nginx服務器下，非根目錄，前后端怎樣配置文件？4. javascript - 為什么當index等于5的時候，不在當前頁面跳轉到百度？不跳轉的代碼在倒數第五行5. angular.js - 關于angular react vue 我們在什么實際的開發項目中使用？如何選擇？6. 手動啟動mysql服務出錯，1067錯誤，如何解決呢?7. index.php錯誤，求指點8. 這是什么情況？？？9. 請教一條mysql的sql語句寫法；10. 跟著課件一模一樣的操作使用tp6,出現了錯誤
網公網安備