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

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

一课全面掌握主流CSS布局

                
                KingJ
            全栈工程师

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

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

全部评论问答未解决精华

用第三种方案似乎也可以实现而且简单

最新回答 / CullenMarcel

这年头怎么会用id来写样式?

1 回答 491 浏览 7-3 圣杯布局的解决方案

2019-12-13

第三种解决办法

最赞回答 / 往事随风_遇见最好的你

挺好的

1 回答 501 浏览 3-5 垂直居中布局的第二种解决方案优点与缺点

2019-12-10

等分布局-间距-

最新回答 / 幕布斯0531063

这样还能保证每一个都是一样宽的吗？第一个会宽一点（比其他几个多间距10px）试了一下确实是这样，因为第一个不带间距也是25%，其他几个带了间距才是25%

1 回答 670 浏览 9-4 等分布局存在空白间距的情况

2019-12-01

7-4圣杯布局当视口小于900像素时显示异常

+ 我来回答回答最高可+2积分

3 回答 484 浏览 7-3 圣杯布局的解决方案

2019-11-27

display属性

最新回答 / 北京市最菜程序员

因为div 元素默认存在 disply：block 属性，所以你去掉之后也可以实现水平居中，这里只是拿table做一个演示。

1 回答 466 浏览 2-5 水平居中布局的第二种解决方案

2019-11-27

right和left有重合

+ 我来回答回答最高可+2积分

1 回答 551 浏览 5-5 两列布局的第一种解决方案的优化版

2019-11-18

为什么我做出同样效果，但是right里面的写文字的时候它串位，直接换行，右侧平铺整个版面，求教

最赞回答 / 精慕门9820064

告诉你一个低级的错误，你的css格式写错了哦，第二行少了一个逗号，.left-3,.right-3

3 回答 670 浏览 5-9 两列布局的第三种解决方案优点与缺点

2019-11-15

第三种解决方案

最新回答 / 慕田峪5397708

可以解释一下吗？不是很明白原理

4 回答 724 浏览 3-5 垂直居中布局的第二种解决方案优点与缺点

2019-11-10

三种水平布局的课堂笔记：https://juejin.im/post/5dc76907f265da4d4434b39d

最新回答 / 小朋2018

year

1 回答 1012 浏览 2-3 水平居中布局的第一种解决方案

2019-11-10

我对parent和child设置了text-align: left;，居中还是有效

最赞回答 / 969999666696

text-align 对内联元素有效，即该元素的 display 为 inline 或 inline-block。

4 回答 1613 浏览 2-6 水平居中布局的第二种解决方案优点与缺点

2019-11-09

transform问题

最新回答 / 养_乐多多

auto的作用是：自动填充剩余空间，当左右的margin都设置为auto时，会平分剩余空间，从而实现水平居中。垂直方向上，块级元素不会自动扩充，它的外部尺寸没有自动充满父元素，也没有剩余空间可说。所以margin：auto 0不能实现垂直居中，当然margin：auto 0也能垂直居中，有很多办法，可以网上查下

1 回答 498 浏览 2-7 水平居中布局的第三种解决方案

2019-11-07