亚洲国产日韩欧美一区二区三区,精品亚洲国产成人av在线,国产99视频精品免视看7,99国产精品久久久久久久成人热,欧美日韩亚洲国产综合乱

css - flex換行后如何設置行距?(direction:row+warp:warp)
學習ing
學習ing 2017-06-10 09:48:51
0
2
2929

效果圖

css

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

html

<form class="form-inline" role>
    <p class="flex-container">
        <p class="flex-item">
            <p class="form-group">
                <label class="control-label">提交類型:</label>
                <input class="form-control" type="text" placeholder="請輸入內容"/>
            </p>
        </p>
        <p class="flex-item">
            <label class="control-label">主責部門:</label>
            <select class="form-control" style="width: 150px;height: 33px;" 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 class="form-control" type="text" placeholder="請輸入內容"/>
        </p>
        <p class="flex-item">
            <p class="form-group">
                <label class="control-label">指示編號:    </label>
                <input class="form-control" type="text" placeholder="請輸入內容"/>
            </p>
        </p>
        <p class="flex-item">
            <label class="control-label">指示名稱:    </label>
            <input class="form-control" type="text" placeholder="請輸入內容"/>
        </p>
        <p class="flex-item">
            <label class="control-label">指標類型:</label>
            <select class="form-control" style="width: 150px;height: 33px;" id="select_orderstatus">
                <option value="-1">全部</option>
                <option value="0">類型1</option>
                <option value="1">類型2</option>
            </select>
        </p>
    </p>
</form>
學習ing
學習ing

全部回復(2)
漂亮男人

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

扔個三星炸死你

justify-content:空間之間;flex-flow:行換行;

最新下載
更多>
網站特效
網站源碼
網站素材
前端模板