慕课网

六个案例学会响应式布局

最热最新

慕数据3441011 01:05

flex在有些情况下使用更方便

查看全部

0 采集收起来源：课程介绍
2024-05-22
Arvin_Ren 06:01

第三个值设置为auto的时候，宽度就生效了

查看全部

0 采集收起来源：flex-给子元素设置伸缩的特殊写法
2024-04-05
Arvin_Ren 13:38

flex布局配置
设置了flex-basis之后元素上面的宽度将不再生效
flex-grow计算方式

flex-shrink的计算方式

查看全部

0 采集收起来源：flex-给子元素设置伸缩比例flex属性
2024-04-05
Arvin_Ren 05:18

flex布局配置

查看全部

0 采集收起来源：flex-交叉轴的对齐方式
2024-04-05
Arvin_Ren 03:30

flex布局配置

查看全部

0 采集收起来源：flex-剩余空间调整为间距
2024-04-05
Arvin_Ren 09:42

flex布局属性

查看全部

0 采集收起来源：flex-主轴方向与换行
2024-04-05
weixin_慕村6306742 00:25

Flex的概念

查看全部

0 采集收起来源：什么是flex
2023-08-19
weixin_慕村6306742 04:06

媒体查询

查看全部

0 采集收起来源：媒体查询其他引入方式-2
2023-08-19
qq_Movework_0 10:50

<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>

查看全部

0 采集收起来源：课堂案例2-长表单布局
2023-03-07
知秋一影 02:56

判断设备访问的JS代码

查看全部

0 采集收起来源：课堂案例4-自适应布局
2023-02-19
小云老师 00:31

flex子元素属性

查看全部

0 采集收起来源：flex-给子元素设置伸缩比例flex属性
2023-02-03
qq_慕田峪2072060 12:11

555555

查看全部

0 采集收起来源：课堂案例3-rem的使用方法
2022-11-27
qq_慕田峪2072060 05:03

items

查看全部

0 采集收起来源：flex-交叉轴的对齐方式
2022-11-21
qq_慕田峪2072060 10:39

flex换行

查看全部

0 采集收起来源：flex-主轴方向与换行
2022-11-20
qq_慕田峪2072060 03:27

主轴与交叉轴

查看全部

0 采集收起来源：什么是flex
2022-11-20
qq_慕田峪2072060 06:49

@media screen and <

查看全部

0 采集收起来源：什么是媒体查询
2022-11-20