一课全面掌握主流CSS布局_技术问答

首页一课全面掌握主流CSS布局问答

一课全面掌握主流CSS布局

                
                KingJ
            全栈工程师

                    查看讲师更多课程 
                    KingJ讲师的其他课程
                
0基础入门前端
慕课微课·入门·2674

                                                                                                                                    ￥98.00
                                            
                难度初级
            
                时长 5小时 0分
            
                学习人数

全部评论问答未解决精华

Civo

耦合性太高

0 8-2 双飞翼布局的解决方案

2019-11-03

Civo

终于知道怎么让table单元格固定了！！！一直以为不能控制，这是我看整个教程最大的收获！

0 5-9 两列布局的第三种解决方案优点与缺点

2019-11-03

Civo

这个方案才是最完美的两列布局的方案，左边的浮动元素也不需要定宽，该方案我屡试不爽，特别是用在左边是搜索框右边是搜索按钮上。

0 5-6 两列布局的第二种解决方案

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

Civo

其实垂直居中至少还有两种布局方式：
第一种，absolute布局
.parent{position:relative;background:#ccc;width:100%;height:300px;}
.child{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;background:#f00;width:100px;height:100px;}

0 4-1 什么是居中布局(水平+垂直)

2019-11-03

Civo

说的第二种的方式的缺点第一种方式不也有么？

1 2-6 水平居中布局的第二种解决方案优点与缺点

2019-11-03

___越努力越幸运

老师讲的很好，跟着老师复习了一遍基础。github地址：https://github.com/MoonStartMan/CSS3-mainstream-layout.git

0 1-1 什么是布局

2019-10-31

___越努力越幸运

可以把transform：translateX（-50%）改成margin-left： -50%;

0 2-8 水平居中布局的第三种解决方案优点与缺点

2019-10-30

Yinux

text-align

0 2-4 水平居中布局的第一种解决方案优点与缺点

2019-10-28

慕侠9379676

老师语速适中，咬字清楚；不错~~

0 2-1 什么是居中布局

2019-10-24

￥48.00

立即购买

课程须知: 1、提前了解和熟悉HTMLl/CSS等基础语法 2、建议对着视频反复练习，掌握每一个知识点。

老师告诉你能学到什么？: （1）居中布局：水平居中、垂直居中（2）多列布局：两列布局、三列布局、圣杯布局、双飞翼布局（3）全屏布局：等分布局、等高布局、全屏布局

慕课前端核心用户群
QQ群号：908286289
付费用户专享
技术学习型社群

微信扫码，参与3人拼团

热搜

最近搜索清空

一课全面掌握主流CSS布局