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 · 67 阅读 · 0 评论 -
BFC块级格式化上下文
BFC 块级格式化上下文 是一块独立渲染区域,内部元素的渲染不会影响外部的元素。 1. BFC的形成 (1)float不是none; (2)position是absolute或fixed; (3)overflow不是visivle; (4)display是flex或inline-block 2. BFC的作用 (1)BFC内部元素的布局不会受外部元素影响; (2)BFC区域不会出现margin重叠; (3)BFC区域计算高度时会计算浮动元素; (4)BFC区域不会和浮动元素重和。 3. 使用场景 (1)清除原创 2021-03-23 23:22:29 · 84 阅读 · 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 · 122 阅读 · 0 评论