摘要:塊級(jí)元素獨(dú)占一行,其寬度自動(dòng)填滿父元素的寬度,可以容納行內(nèi)元素和其他塊級(jí)元素,可以設(shè)置和值。行內(nèi)元素不會(huì)獨(dú)占一行,與其他行內(nèi)元素排成一行,直到其父元素拍不下,才會(huì)從新一行開(kāi)始。
塊級(jí)元素:獨(dú)占一行,其寬度自動(dòng)填滿父元素的寬度,可以容納行內(nèi)元素和其他塊級(jí)元素,可以設(shè)置margin和padding值。
行內(nèi)元素:不會(huì)獨(dú)占一行,與其他行內(nèi)元素排成一行,直到其父元素拍不下,才會(huì)從新一行開(kāi)始??梢匀菁{文本及其他行內(nèi)元素,設(shè)置padding和margin值無(wú)效,行內(nèi)元素的水平方向的padding-left和padding-right都會(huì)產(chǎn)生邊距效果,但是豎直方向上的padding-top和padding-bottom都不會(huì)產(chǎn)生邊距效果。
文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://systransis.cn/yun/1921.html
摘要:例效果注為塊級(jí)元素行內(nèi)元素,與塊級(jí)元素相對(duì),它不會(huì)占一行,兩個(gè)甚至多個(gè)行內(nèi)元素一般情況下在同一行。塊級(jí)元素各占據(jù)一行默認(rèn)寬度為父元素的,垂直方向排列。塊級(jí)元素可以包含行內(nèi)元素和塊級(jí)元素。一直對(duì)塊級(jí)元素和行內(nèi)元素的區(qū)別和特性有點(diǎn)模糊,于是各方參考總結(jié)一下,方便自己梳理知識(shí): 首先說(shuō)一下什么是塊級(jí)元素和行內(nèi)元素塊級(jí)元素,指自動(dòng)占一行的元素,下一個(gè)元素(標(biāo)簽)會(huì)在新行開(kāi)始,這行就是這個(gè)塊級(jí)元素的地...
摘要:視覺(jué)格式化模型瀏覽器在解析渲染我們所寫(xiě)的內(nèi)容,順序渲染普通文檔流。渲染結(jié)果如下圖這兒有一個(gè)知識(shí)點(diǎn)文檔流按我的理解就是在瀏覽器渲染顯示的一個(gè)模式,這個(gè)模式的特點(diǎn)自上而下,從左到右排列規(guī)則。如果不特殊指定,瀏覽器會(huì)默認(rèn)當(dāng)前的渲染是按文檔流模式。 CSS視覺(jué)格式化模型 瀏覽器在解析渲染我們所寫(xiě)的html內(nèi)容,順序渲染(普通文檔流)。 1 2 3 4 ...
摘要:發(fā)生在很久以前的及更老的瀏覽器向過(guò)渡時(shí)期。數(shù)據(jù)始終在同源的請(qǐng)求中攜帶即使不需要,會(huì)在瀏覽器和服務(wù)器間來(lái)回傳遞。存儲(chǔ)大小數(shù)據(jù)大小不能超過(guò)。與上面問(wèn)題相連,比也是明智的選擇。表現(xiàn)與結(jié)構(gòu)相分離。兩種設(shè)計(jì)思想是有不同的考慮。 前言: 吾生也有涯,而知也無(wú)涯,以有涯隨無(wú)涯,殆己————莊子 閱讀本文前請(qǐng)做好以下心理準(zhǔn)備:本系列文章將不定期更新。本系列文章不是很嚴(yán)謹(jǐn)。 前端面試之HTML篇 Pa...
摘要:視覺(jué)格式化模型是用來(lái)處理和在視覺(jué)媒體上顯示文檔時(shí)使用的計(jì)算規(guī)則。匿名塊盒子在某些情況下進(jìn)行視覺(jué)格式化時(shí),需要添加一些增補(bǔ)性的盒子,這些盒子不能用選擇符選中,因此稱為匿名盒子。因此最好不要將其用于正式項(xiàng)目。 今日勵(lì)志 不論你在什么時(shí)候開(kāi)始,重要的是開(kāi)始之后不要停止。 前言 對(duì)于部分前端工程師來(lái)講,有時(shí)候CSS令他們很頭疼,明明設(shè)置了某個(gè)樣式,但是布局就是不起作用。 showImg(htt...
閱讀 1323·2021-11-22 14:44
閱讀 2464·2021-09-30 09:47
閱讀 1236·2021-09-09 11:56
閱讀 2101·2021-09-08 09:45
閱讀 4018·2021-08-31 09:40
閱讀 1268·2019-08-30 15:52
閱讀 2054·2019-08-30 14:09
閱讀 1604·2019-08-26 17:04