qq_38677540的博客

1.自身浮动 <div class="right">right</div> <div class="left">left</div> <div class="middle">middle</div> *{ margin: 0; padding:0; }...

BFC(Block formatting context) 直译为"块级格式化上下文"。 BFC它是一个独立的渲染区域，只有Block-level box参与，它规定了内部的Block-level Box如何布局，并且与这个区域外部毫不相干。 产生BFC的条件 float属性不为none position为absolute或fixed display为inline-block, tab...

简介 采用flex弹性布局，他的子元素的用flex布局时宽度、高度可以收缩，子元素的float,clear,vertical-align无效，而且 Flexbox布局最适合应用程序的组件和小规模布局，而Grid栅格布局则适用于更大规模的布局。 概念 首先设定父元素的display:flex;弹性布局开始。行内元素也可以用display:inline-flex;  Webkit 内核的浏览器，...

水平居中 1.行内元素水平居中 利用 text-align: center 可以实现在块级元素内部的行内元素水平居中。此方法对inline、inline-block、inline-table和inline-flex元素水平居中都有效。 .parent{//在父容器设置 text-align:center; } 此外，如果块级元素内部包着也是一个块级元素，我们可以先将其由块级...