css 阻断合并及其他影响

张金宝发布于2019-08-29 18:37 / 2304人阅读

摘要：的不正交实用时会产生合并的现象以下属性会阻断合并以上内容为结果详解在下方阻断合并详解注意这里是像素哦浏览器中是这个样的按理数应该是上下之间的间距应该为解决办法不变新加新加浏览器中是这个样的

margin 的不正交

margin实用时会产生合并的现象

以下属性会阻断 margin 合并
border
display: table
display: flex

以上内容为结果详解在下方

阻断合并【详解】

/* CSS */

    .box{
        border:1px solid red;
        height: 100px;
        margin: 10px; /* 注意：这里是10像素哦！ */
    }

浏览器中是这个样的：
按理数 margin 应该是 div 上下之间的间距应该为 20px

解决办法 1、

浏览器中是这个样的：

其他影响

display 会影响 ul li 的小圆点
position：absolute 会影响 display：inline
position：fixed 会影响 transform
float 会影响 inline

私有云混合云阻断提示阻断网络备案接入阻断 cdn阻断url

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/114450.html

css 阻断合并及其他影响

摘要：的不正交实用时会产生合并的现象以下属性会阻断合并以上内容为结果详解在下方阻断合并详解注意这里是像素哦浏览器中是这个样的按理数应该是上下之间的间距应该为解决办法不变新加新加浏览器中是这个样的 margin 的不正交 margin实用时会产生合并的现象以下属性会阻断 margin 合并borderdisplay: tabledisplay: flex 以上内容为结果详解在下方阻断合...

alexnevsky 2019-08-02 16:12 评论0 收藏0
FE.CSS-快速梳理

摘要：元素根据外在盒子是内联还是块级，分成块级元素和内联元素。值为常见的内联元素有。注数值需向上舍入是相对于计算的只能应用于内联元素以及的元素。的显示内联元素元素的垂直中心点和行框盒子基线往上处对齐。前言本文是对《CSS世界》阅读中所做笔记和感悟，若有错误请指正。概述 CSS设计初衷是为了更好地展示图文。HTML元素根据外在盒子是内联还是块级，分成块级元素和内联元素。HTML元素也可根...

XUI 2019-08-23 15:40 评论0 收藏0
ForkJoin框架之CountedCompleter,工作线程及并行流

摘要：前言在前面的文章框架之中梳理了框架的简要运行格架和异常处理流程显然要理解框架的调度包含工作窃取等思想需要去中了解而对于的拓展和使用则需要了解它的一些子类前文中偶尔会提到的一个子类直译为计数的完成器前文也说过的并行流其实就是基于了框架实现因此前言在前面的文章ForkJoin框架之ForkJoinTask中梳理了ForkJoin框架的简要运行格架和异常处理流程,显然要理解ForkJoi...

msup 2019-08-19 11:47 评论0 收藏0
BFC的一些探究

摘要：它是用于决定盒子的布局及浮动相互影响范围的一个区域。小白反思如果世界的运行都有自我运行的一套机制，那么的世界必然有自己的一套规则。外边距合并当时在回答外边距的问题时，总结出了合并的一条规则必须相邻。最初的梦了解BFC后，能够更深入的明白外边距合并原理。了解BFC后，能够更深入的明白浮动的行为。了解BFC后，知识就是你的，总不会吃亏对吧？哈哈之前有两篇文章《行内元素的一些探索》、《...

curlyCheng 2019-08-30 12:44 评论0 收藏0
防火墙基础网络 UNet

摘要：通常情况下，防火墙规则是立即生效的。在这种场景，防火墙生效最多需要两分钟。防火墙未立即生效的补救措施防火墙未立即生效的补救措施如上面所提到的场景，其端口为。防火墙本篇目录为何防火墙已经打开某端口, 但还是连不上?为什么主机无法ping通?如何将某端口对所有IP开放?如何限制某些恶意用户对我主机的访问?内网是否有ACL功能?我的内网主机如何与其他人的主机隔离?修改防火墙以后，新规则会即时生效...

ernest.wang 2022-07-12 17:32 评论0 收藏1512