![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
面试
Taptaq
想跟上前端大佬学习的小虫...
展开
-
css实现水平垂直居中(大概8种)
要求:对一个东西实现水平垂直居中利用text-align和line-height针对行级元素利用table-cell,vertical-align和text-align在子元素不确定宽高和数量时,特别实用利用flex简便、完整、响应式利用grid和flex类似有两种实现方式:1. 在父容器中设置display: grid; align-content: center; justify-content: center;2. 在父容器中设置display:grid; 在子元素中原创 2021-04-14 13:52:18 · 49 阅读 · 0 评论 -
CSS的7种方法实现三栏布局(经典)
要求假设高度已知,请写出三栏布局,其中左栏、右栏宽度各为300px,中间自适应方案:float布局,absolute布局,表格布局,grid布局,flex布局,双飞翼布局,圣杯布局(共7种)float布局做法:左右两侧部分分别左右浮动,中间容器要设置的左右margin为左右两侧分别的宽度注意:在中间的div区域要放到最前面进行渲染优点:比较简单,兼容性也比较好。只要清除浮动做的好,是没有什么问题的缺点:浮动元素是脱离文档流,要做清除浮动,这个处理不好的话,会带来很多问题,比如高度塌陷等原创 2021-04-13 21:08:35 · 403 阅读 · 0 评论