![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
gh_0114
这个作者很懒,什么都没留下…
展开
-
Flex布局
Flex布局 Flex 是 Flexiblebox 缩写,即弹性布局,用来为盒状模型提供最大的灵活性。 任何一个容器都可以指定为Flex布局 行内元素也可以指定为弹性布局 注意:设为Flex布局以后,子元素的float、clear和vertical-align属性将失效 任何元素设置Flex布局具有块级元素的特性,且在标准流中。 基本概念 采用Flex布局的元素,称为Flex容器(...转载 2019-11-09 13:28:53 · 82 阅读 · 0 评论 -
关于BFC
定义 BFC(Block formatting context)直译为"块级格式化上下文"。它是一个独立的渲染区域,只有Block-level box参与, 它规定了内部的Block-level Box如何布局,并且与这个区域外部毫不相干。 解决问题 防止两个相邻Box垂直方向margin重叠 防止两个相邻Box水平方向margin重叠 嵌套元素的margin重叠 清除内部浮动 触发B...原创 2019-11-08 21:01:00 · 70 阅读 · 0 评论 -
css定位
position定位 1. static 默认定位,标准流 2.relative 相对定位 元素框偏移某个距离。元素仍保持其未定位前的形状,它原本所占的空间仍保留。 3.absolute 绝对定位 元素框从文档流完全删除,并相对于其包含块定位。包含块可能是文档中的另一个元素或者是初始包含块。元素原先在正常文档流中所占的空间会关闭,就好像元素原来不存在一样。元素定位后生成一个块级框,而不...原创 2019-11-08 20:25:13 · 211 阅读 · 0 评论 -
css实现居中总结
水平居中 行元素 通过设置父元素为text-align:center;实现水平居中 块级元素 1.margin: 0 auto;需要谁居中,给其设置 2.使用absolute定位 <div style="position: absolute; left: 50%; transform: translateX(-50%);">块状元素水平居中</div...原创 2019-11-08 19:45:26 · 84 阅读 · 0 评论