display:flex的兼容写法和 :after伪类清除浮动

作者: 野蘑菇丶 | 来源:发表于2019-06-19 11:51 被阅读0次

/*清除浮动代码*/

.clearfloat:after{display:block;clear:both;content:"";visibility:hidden;height:0}

.clearfloat{zoom:1}

/*display:flex兼容写法*/

display: -moz-box; /* Firefox */

display: -ms-flexbox; /* IE10 */

display: -webkit-box; /* Safari */

display: -webkit-flex; /* Chrome, WebKit */

display: box;

display: flexbox;

display: flex;

display:flex的兼容写法和 :after伪类清除浮动
/*清除浮动代码*/ .clearfloat:after{display:block;clear:both;con...
清除浮动
清除浮动 .clearfloat:after{display:block;clear:both;content:"...
after伪类清除浮动
css-flex布局
1.flex布局的兼容性写法关于flex布局的兼容性，参考flex兼容性 .flex{ display:-web...
小强老师提到面试可能会问的问题总结
1.为什么要用浮动 2.为什么要清除浮动 3. after伪元素清除浮动的写法 4. 为什么下图图片与边框有一个距...
web-06
通过after伪类，选中box1的后面可以通过after伪类向元素的最后添加一个空白的块元素，然后对其清除浮动.c...
今日所学
通过after伪类，选中box1的后面可以通过after伪类向元素的最后添加一个空白的块元素，然后对其清除浮动.c...
关于伪类的特性
清除浮动时用到的伪类:after 利用伪类在元素前后添加其他内容时，伪类默认表现出行内元素的特性，所以设置heig...
清除浮动，移动端位置更换top left
清除浮动： 1.使用before和after双伪元素清除浮动优点：代码更简洁缺点：用zoom:1触发hasL...
伪类清除浮动
利用父控件（伪类清除浮动）父控件调用此方法 .clear:after{ content: "\200B"; di...

网友评论

本文标题：display:flex的兼容写法和 :after伪类清除浮动

本文链接：https://www.haomeiwen.com/subject/vqbhqctx.html

display:flex的兼容写法和 :after伪类清除浮动