美文网首页
阻止margin合并新姿势

阻止margin合并新姿势

作者: 勃王 | 来源:发表于2017-09-01 22:01 被阅读0次

在父容器上加一个before或者after伪类并在伪类里写如下代码:

content:'';
display:table;

高级用法

.no-collapse::after{
content:'';
display:table;
}
.no-collapse::before{
content:'';
display:table;
}

这样的话你在你想要阻止margin合并的元素上添加一个no-collapse类就行了

相关文章

  • 阻止margin合并新姿势

    在父容器上加一个before或者after伪类并在伪类里写如下代码: 高级用法 这样的话你在你想要阻止margin...

  • html css

    1.margin 塌陷,与margin合并 margin合并不解决,直接设置一个box的margin即可 marg...

  • 为什么会外边距合并,怎么处理margin塌陷(盒模型)

    Margin合并,相邻元素会合并 没有padding,border,则相邻 margin上下会合并,左右不会 父元...

  • margin的合并

    我们在给div设置margin属性的时候,会出现margin 合并的问题。 Q:什么是margin合并呢? A:我...

  • css问题搜集

    margin 负值问题margin百分比margin外边距合并合并外边距2深入理解line-heightflexb...

  • margin合并

    以前学上下方向上margin会合并,就是单纯的知道,margin塌陷了,要形成BFC overflow:hidde...

  • margin合并

    margin合并是什么? 我们来简单看一下MDN对margin合并的解释: 块的顶部外边距和底部外边距有时被组合(...

  • margin合并

    两个相邻元素如果处于同一个BFC中,那么它们就会发生margin合并。代码举例 红色父元素和黄色子元素的上下mar...

  • margin 合并、盒模型

    margin 上下会合并

  • 小技巧合集之css

    01 修改placeholder样式 02 margin合并/塌陷问题解决方法 具体详见:margin合并/塌陷问题

网友评论

      本文标题:阻止margin合并新姿势

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