-
flex在有些情況下使用更方便
查看全部 -
第三個值設置為auto的時候，寬度就生效了
查看全部 -
flex布局配置
設置了flex-basis之后元素上面的寬度將不再生效
flex-grow計算方式
flex-shrink的計算方式
查看全部 -
flex布局配置
查看全部 -
flex布局配置
查看全部 -
flex布局屬性
查看全部 -
Flex的概念
查看全部 -
媒體查詢查看全部 -
<template>
? ? <div id="div0">
? ? ? ? <form>
? ? ? ? ? ? <div id="form">
? ? ? ? ? ? ? ? <div>
? ? ? ? ? ? ? ? ? ? <label>姓名:</label>
? ? ? ? ? ? ? ? ? ? <input type="text">
? ? ? ? ? ? ? ? </div>
? ? ? ? ? ? ? ? <div>
? ? ? ? ? ? ? ? ? ? <label>請輸入密碼:</label>
? ? ? ? ? ? ? ? ? ? <input type="text">
? ? ? ? ? ? ? ? </div>
? ? ? ? ? ? ? ? <div>
? ? ? ? ? ? ? ? ? ? <label>請再次輸入密碼:</label>
? ? ? ? ? ? ? ? ? ? <input type="text">
? ? ? ? ? ? ? ? </div>
? ? ? ? ? ? </div>
? ? ? ? </form>
? ? </div>
</template>
?
<script>
export default {
? ? data() {
? ? ? ? return {
? ? ? ? }
? ? },
? ? methods: {
? ? }
}
</script>
?
<style>
#form div {
? ? display: flex;
? ? /* margin-top: 50px; */
? ? /* height: 30px; */
? ? align-items: flex-start;
? ? flex: 0 0 30px;
}
#form div label {
? ? flex: 0 0 140px;
? ? text-align: left;
}
#form {
? ? display: flex;
? ? flex-direction: column;
}
</style>
查看全部 -
判斷設備訪問的JS代碼
查看全部 -
flex子元素屬性
查看全部 -
555555
查看全部 -
items?
查看全部 -
flex換行查看全部 -
主軸與交叉軸查看全部 -
@media screen and <
查看全部
舉報