![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
html
WILLCSDNKK
这个作者很懒,什么都没留下…
展开
-
内容水平垂直居中的几种方法
1.margin:auto法 原理:如果设置了绝对定位并且上下左右全部为0(不能只设置上左或者其他的任意两方向),那么他会填充整个父元素的所有可用空间,那么auto就有了作用,会平均分配剩余的空间 2.margin负值法 使用margin-top,margin-left,值各为width和height的一半。或者将transform:translate(-50%,-50%)实现 3.table-cell 4.利用flex 将父元素设置为display...原创 2021-05-11 22:28:00 · 370 阅读 · 0 评论 -
圣杯布局以及双飞翼布局
圣杯布局以及双飞翼布局都是三栏布局的实现方式之一,只是实现方式不同而已 1.圣杯布局 1.将三者都 float:left , 再加上一个position:relative (因为相对定位后面会用到) 2.middle部分 width:100%占满 3.此时middle占满了,所以要把left拉到最左边,使用margin-left:-100% 4.这时left拉回来了,但会覆盖middle内容的左端,要把middle内容拉出来,所以在外围box加上 padding:0 200px 0 20原创 2021-08-01 17:13:04 · 252 阅读 · 0 评论