![](https://img-blog.csdnimg.cn/cc275fe7a8ce4e3886ff9fc7be10041e.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
css
文章平均质量分 93
介绍页面布局中常用的css样式
前端不释卷leo
热爱前端,一起学习,一起进步。积极更新博客。
展开
-
面试官:你为什么要使用flex布局?
在面试的时候,当面试官问我们为什么要使用flex布局的时候,首先我们得先明白一点,问这个问题面试官到底想要了解什么?简单的回答”好用“肯定是不行的,任何方案和技术的出现都是为了弥补之前的缺陷,所以相比传统的布局方案存在的痛点,flex布局肯定有存在的优势和价值。所以接下来我们得说传统的布局是怎样的形式,然后使用了flex布局又是什么样的形式。布局的传统解决方案,基于盒子模型,依赖 display,position,float 等属性。它对于那些特殊布局非常不方便。比如,垂直居中就不容易实现。我们可能原创 2022-06-08 09:44:37 · 1076 阅读 · 3 评论 -
2022 CSS 水平垂直居中方式汇总,全到没朋友(锤爆面试官系列)
目录前言居中元素宽高已知1、absolute + margin auto2、absolute + 负 margin3、absolute + calc居中元素宽高未知1、absolute + transform2、line-height + vertical-align3、table 表格元素(不推荐)4、css-table(display:table-cell)5、flex 布局(推荐)6、flex + margin auto7、grid 网格布局(一)原创 2022-01-03 20:39:25 · 5455 阅读 · 28 评论 -
Css 弹性布局(Flex)详细介绍(Flex 属性详解、场景分析)
前言我们知道,网页展示就好比一个个盒子堆叠在一起,通过调整盒子的大小、位置、样式等,形成了各式各样的页面。当我们在开发一个页面的时候,我们常规的做法可能是:搭建框架、划分区域、定制排版、调整位置、嵌入内容、微调与增添样式。今天所介绍的是基础且关键的一环--布局排版。其中,展开布局中常用的技术:Flex布局。Flex布局是什么?Flex 是 Flexible Box 的缩写,意为"弹性布局",用来为盒状模型提供最大的灵活性。任何一个容器都可以指定为 Flex 布局。.box {原创 2021-12-11 13:52:51 · 43193 阅读 · 25 评论