为了账号安全，请及时绑定邮箱和手机立即绑定
首页 一课全面掌握主流CSS布局 问答

一课全面掌握主流CSS布局

KingJ 全栈工程师
查看讲师更多课程 KingJ讲师的其他课程
难度初级
时长 5小时 0分
学习人数
全部 评论 问答 未解决 精华
oba
#innder {
width: auto; // 默认宽度值是auto，不是100%，如果是100%的话，会撑大#center的。
}
0 8-2 双飞翼布局的解决方案
2021-12-25
a心晴
使用 弹性盒子属性；
display: flex;
flex-direction: row;
justify-content: center;

优点：适合控制多个子元素居中显示，在移动端适配比较好
缺点：直接作用在父元素上，子元素不用设置相关属性
1 2-8 水平居中布局的第三种解决方案优点与缺点
2021-10-07
qq_喵喵喵_15
额，我弄错了，忽略
0 7-3 圣杯布局的解决方案
2021-02-02
qq_喵喵喵_15
设置了margin-left:-100%就不用定位了
0 7-3 圣杯布局的解决方案
2021-02-02
刘润森
干嘛要给右边的加浮动，还要最后清除浮动，
0 5-4 两列布局的第一种解决方案优点与缺点
2020-12-01
Withoutmelv
vertical-align没有继承性。
0 3-3 垂直居中布局的第一种解决方案优点与缺点
2020-10-07
JackZhouMine
讲得很好。
0 3-1 什么是垂直居中布局
2020-08-02
qq_喵喵喵_15
建议两倍速，有时候啰里啰嗦是挺慢的
3 7-2 三列布局实现方式补充
2020-06-27
慕函数1123206
非常感谢老师，对于我这种css布局小白非常友好，学到了很多知识
1 13-1 没有一招鲜吃遍天的解决方案
2020-06-20
笑看人生_0009
布局感觉有点难啊，不知道原理。
0 5-6 两列布局的第二种解决方案
2020-06-14
前端大郎
对新人帮助还是蛮大的
1 13-1 没有一招鲜吃遍天的解决方案
2020-06-10
慕桂英1352525
这样写浏览器调小分辨率不会像圣杯那样出异常。
0 8-2 双飞翼布局的解决方案
2020-05-03
SHENHUANJIE
algin是什么意思？？？
0 4-1 什么是居中布局(水平+垂直)
2020-04-11
爱学习的王一啵啵
不用父容器可以么？
0 9-5 等分布局的第一种解决方案修改版
2020-04-04
爱学习的王一啵啵
一般情况下最后一列和最右也会有间距的吧
0 9-4 等分布局存在空白间距的情况
2020-04-02
首页上一页1234下一页尾页
￥48.00
立即购买
课程须知
1、提前了解和熟悉HTMLl/CSS等基础语法 2、建议对着视频反复练习，掌握每一个知识点。
老师告诉你能学到什么？
（1）居中布局：水平居中、垂直居中 （2）多列布局：两列布局、三列布局、圣杯布局、双飞翼布局 （3）全屏布局：等分布局、等高布局、全屏布局
加群二维码
  • 慕课前端核心用户群
  • QQ群号：908286289
  • 付费用户专享
  • 技术学习型社群

微信扫码，参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示：

您好，此课程属于迁移课程，您已购买该课程，无需重复购买，感谢您对慕课网的支持！

查看已购买的课程

本次提问将花费2个积分

你的积分不足，无法发表

为什么扣积分？
确认 取消

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分？
确认 取消

举报

0/150
提交
取消