css 阻斷合并及其他影響

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

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

margin 的不正交

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

以下屬性會阻斷 margin 合并
border
display: table
display: flex

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

阻斷合并【詳解】

/* CSS */

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

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

解決辦法 1、

瀏覽器中是這個樣的：

其他影響

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

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

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

轉(zhuǎn)載請注明本文地址：http://specialneedsforspecialkids.com/yun/54877.html

相關(guān)文章

css 阻斷合并及其他影響

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

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

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

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

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

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

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

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

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

ernest.wang 2022-07-12 17:32 評論0 收藏1512