css 阻斷合并及其他影響

alexnevsky 發(fā)布于2019-08-02 16:12 / 1914人閱讀

摘要：的不正交實(shí)用時(shí)會(huì)產(chǎn)生合并的現(xiàn)象以下屬性會(huì)阻斷合并以上內(nèi)容為結(jié)果詳解在下方阻斷合并詳解注意這里是像素哦瀏覽器中是這個(gè)樣的按理數(shù)應(yīng)該是上下之間的間距應(yīng)該為解決辦法不變新加新加瀏覽器中是這個(gè)樣的

margin 的不正交

margin實(shí)用時(shí)會(huì)產(chǎn)生合并的現(xiàn)象

以下屬性會(huì)阻斷 margin 合并
border
display: table
display: flex

以上內(nèi)容為結(jié)果詳解在下方

阻斷合并【詳解】

/* CSS */

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

瀏覽器中是這個(gè)樣的：
按理數(shù) margin 應(yīng)該是 div 上下之間的間距應(yīng)該為 20px

解決辦法 1、

瀏覽器中是這個(gè)樣的：

其他影響

display 會(huì)影響 ul li 的小圓點(diǎn)
position：absolute 會(huì)影響 display：inline
position：fixed 會(huì)影響 transform
float 會(huì)影響 inline

GPU云服務(wù)器云服務(wù)器阻斷提示阻斷網(wǎng)絡(luò) 備案接入阻斷 cdn阻斷url

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/54877.html

相關(guān)文章

css 阻斷合并及其他影響

摘要：的不正交實(shí)用時(shí)會(huì)產(chǎn)生合并的現(xiàn)象以下屬性會(huì)阻斷合并以上內(nèi)容為結(jié)果詳解在下方阻斷合并詳解注意這里是像素哦瀏覽器中是這個(gè)樣的按理數(shù)應(yīng)該是上下之間的間距應(yīng)該為解決辦法不變新加新加瀏覽器中是這個(gè)樣的 margin 的不正交 margin實(shí)用時(shí)會(huì)產(chǎn)生合并的現(xiàn)象以下屬性會(huì)阻斷 margin 合并borderdisplay: tabledisplay: flex 以上內(nèi)容為結(jié)果詳解在下方阻斷合...

張金寶 2019-08-29 18:37 評(píng)論0 收藏0
FE.CSS-快速梳理

摘要：元素根據(jù)外在盒子是內(nèi)聯(lián)還是塊級(jí)，分成塊級(jí)元素和內(nèi)聯(lián)元素。值為常見的內(nèi)聯(lián)元素有。注數(shù)值需向上舍入是相對(duì)于計(jì)算的只能應(yīng)用于內(nèi)聯(lián)元素以及的元素。的顯示內(nèi)聯(lián)元素元素的垂直中心點(diǎn)和行框盒子基線往上處對(duì)齊。前言本文是對(duì)《CSS世界》閱讀中所做筆記和感悟，若有錯(cuò)誤請(qǐng)指正。概述 CSS設(shè)計(jì)初衷是為了更好地展示圖文。HTML元素根據(jù)外在盒子是內(nèi)聯(lián)還是塊級(jí)，分成塊級(jí)元素和內(nèi)聯(lián)元素。HTML元素也可根...

XUI 2019-08-23 15:40 評(píng)論0 收藏0
ForkJoin框架之CountedCompleter,工作線程及并行流

摘要：前言在前面的文章框架之中梳理了框架的簡(jiǎn)要運(yùn)行格架和異常處理流程顯然要理解框架的調(diào)度包含工作竊取等思想需要去中了解而對(duì)于的拓展和使用則需要了解它的一些子類前文中偶爾會(huì)提到的一個(gè)子類直譯為計(jì)數(shù)的完成器前文也說(shuō)過(guò)的并行流其實(shí)就是基于了框架實(shí)現(xiàn)因此前言在前面的文章ForkJoin框架之ForkJoinTask中梳理了ForkJoin框架的簡(jiǎn)要運(yùn)行格架和異常處理流程,顯然要理解ForkJoi...

msup 2019-08-19 11:47 評(píng)論0 收藏0
BFC的一些探究

摘要：它是用于決定盒子的布局及浮動(dòng)相互影響范圍的一個(gè)區(qū)域。小白反思如果世界的運(yùn)行都有自我運(yùn)行的一套機(jī)制，那么的世界必然有自己的一套規(guī)則。外邊距合并當(dāng)時(shí)在回答外邊距的問題時(shí)，總結(jié)出了合并的一條規(guī)則必須相鄰。最初的夢(mèng) 了解BFC后，能夠更深入的明白外邊距合并原理。了解BFC后，能夠更深入的明白浮動(dòng)的行為。了解BFC后，知識(shí)就是你的，總不會(huì)吃虧對(duì)吧？哈哈之前有兩篇文章《行內(nèi)元素的一些探索》、《...

curlyCheng 2019-08-30 12:44 評(píng)論0 收藏0
防火墻基礎(chǔ)網(wǎng)絡(luò) UNet

摘要：通常情況下，防火墻規(guī)則是立即生效的。在這種場(chǎng)景，防火墻生效最多需要兩分鐘。防火墻未立即生效的補(bǔ)救措施防火墻未立即生效的補(bǔ)救措施如上面所提到的場(chǎng)景，其端口為。防火墻本篇目錄為何防火墻已經(jīng)打開某端口, 但還是連不上?為什么主機(jī)無(wú)法ping通?如何將某端口對(duì)所有IP開放?如何限制某些惡意用戶對(duì)我主機(jī)的訪問?內(nèi)網(wǎng)是否有ACL功能?我的內(nèi)網(wǎng)主機(jī)如何與其他人的主機(jī)隔離?修改防火墻以后，新規(guī)則會(huì)即時(shí)生效...

ernest.wang 2022-07-12 17:32 評(píng)論0 收藏1512