CSS
关注
分享
扫一扫
开心怪兽
这个作者很懒，什么都没留下…
展开
-
CSS水平垂直居中
水平居中：（1）行内元素：text-align:center;（2）块级元素：margin:auto;（3）定位元素：left:50%+margin-left:负（自身宽度的一半）;（4）flex布局：justify-content:center;垂直居中：（1）行内元素：line-height属性值等于height值。（2）定位元素：top:50%;+margin-top:负（自身高度的一半）；（3）绝对定位+平移（不需知道元素高度);.father { width:原创 2021-03-24 21:37:55 · 93 阅读 · 0 评论 -
BFC块级格式化上下文
BFC 块级格式化上下文是一块独立渲染区域，内部元素的渲染不会影响外部的元素。1. BFC的形成（1）float不是none;（2）position是absolute或fixed;（3）overflow不是visivle;（4）display是flex或inline-block2. BFC的作用（1）BFC内部元素的布局不会受外部元素影响；（2）BFC区域不会出现margin重叠；（3）BFC区域计算高度时会计算浮动元素；（4）BFC区域不会和浮动元素重和。3. 使用场景（1）清除原创 2021-03-23 23:22:29 · 105 阅读 · 0 评论 -
CSS常用布局-双飞翼-圣杯-两栏自适应
双飞翼布局效果：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> &..原创 2021-03-22 20:54:25 · 141 阅读 · 0 评论