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

一课全面掌握主流CSS布局

KingJ 全栈工程师
查看讲师更多课程 KingJ讲师的其他课程
难度初级
时长 5小时 0分
学习人数
全部 评论 问答 未解决 精华

子元素padding也没用吗

+ 我来回答 回答最高可+2积分
3 回答 510 浏览 2-6 水平居中布局的第二种解决方案优点与缺点
2019-11-06
weixin_慕盖茨1344029
padding也没用？
0 2-6 水平居中布局的第二种解决方案优点与缺点
2019-11-06
慕粉3981900
不错哦老师，哈哈
0 2-6 水平居中布局的第二种解决方案优点与缺点
2019-11-05

水平垂直居中

最赞回答 / 精慕门9820064
flex布局.parent {    display: flex;    justify-content: center;    align-items:center;}
3 回答 699 浏览 2-8 水平居中布局的第三种解决方案优点与缺点
2019-11-05

系统学习完课程的思维导向图

+ 我来回答 回答最高可+2积分
1 回答 472 浏览
2019-11-05

内容覆盖了

+ 我来回答 回答最高可+2积分
3 回答 642 浏览 5-5 两列布局的第一种解决方案的优化版
2019-11-03
Civo
这篇课程还是比较适合初学者，有几年开发经验的前端可以2倍速度观看，收获还是有的，一直不知道如何还可以控制table-cell的宽度，涨姿势了。
0
2019-11-03

老师, 这块我设置了100px也不显示颜色为什么?

+ 我来回答 回答最高可+2积分
3 回答 611 浏览 12-2 全屏布局的解决方案
2019-11-03
Civo
其实还有一种比较好的多列布局方式：justify
0 9-6 等分布局的第二种解决方案修改版
2019-11-03

要注意用伪元素清除浮动吧？

最新回答 / 赤熊猫
我后面加了个div试了一下，不需要清除浮动。
1 回答 458 浏览 9-2 等分布局的第一种解决方案
2019-11-03
Civo
耦合性太高
0 8-2 双飞翼布局的解决方案
2019-11-03
Civo
终于知道怎么让table单元格固定了！！！一直以为不能控制，这是我看整个教程最大的收获！
0 5-9 两列布局的第三种解决方案优点与缺点
2019-11-03
Civo
这个方案才是最完美的两列布局的方案，左边的浮动元素也不需要定宽，该方案我屡试不爽，特别是用在左边是搜索框右边是搜索按钮上。
0 5-6 两列布局的第二种解决方案
2019-11-03

table-cell实现垂直居中还有一个比较大的缺点

最新回答 / ccyy_阿亮
这是表宽计算的问题，自己再加个parent-fix容器，设置该容器“display: table; width: 100%”
6 回答 1184 浏览 4-2 居中布局的第一种解决方案及优缺点
2019-11-03
Civo
第二种，inline-block布局
.parent{text-align:center;height:300px;background:#ccc;}
.parent:after{content:'';display:inline-block;vertical-align:middle;height:100%;width:0;}
.child{display:inline-block;vertical-align:middle;background:#f00;width:100px;}
0 4-1 什么是居中布局(水平+垂直)
2019-11-03
首页上一页45678下一页尾页
￥48.00
立即购买
课程须知
1、提前了解和熟悉HTMLl/CSS等基础语法 2、建议对着视频反复练习，掌握每一个知识点。
老师告诉你能学到什么？
（1）居中布局：水平居中、垂直居中 （2）多列布局：两列布局、三列布局、圣杯布局、双飞翼布局 （3）全屏布局：等分布局、等高布局、全屏布局
加群二维码
  • 慕课前端核心用户群
  • QQ群号：908286289
  • 付费用户专享
  • 技术学习型社群

微信扫码，参与3人拼团

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

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

查看已购买的课程

本次提问将花费2个积分

你的积分不足，无法发表

为什么扣积分？
确认 取消

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分？
确认 取消

举报

0/150
提交
取消