這篇文章主要介紹css中行元素跟塊元素有什么區(qū)別，文中介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們一定要看完！

創(chuàng)新互聯(lián)建站專注于企業(yè)全網(wǎng)營(yíng)銷推廣、網(wǎng)站重做改版、商城網(wǎng)站定制設(shè)計(jì)、自適應(yīng)品牌網(wǎng)站建設(shè)、html5、成都商城網(wǎng)站開(kāi)發(fā)、集團(tuán)公司官網(wǎng)建設(shè)、成都外貿(mào)網(wǎng)站制作、高端網(wǎng)站制作、響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)等建站業(yè)務(wù)，價(jià)格優(yōu)惠性價(jià)比高，為商城等各大城市提供網(wǎng)站開(kāi)發(fā)制作服務(wù)。

相同點(diǎn)：1、行元素和塊元素都具有display屬性，用于規(guī)定元素應(yīng)該生成的框的類型；2、行元素和塊元素都可以設(shè)置左右水平方向的margin和padding值。

本教程操作環(huán)境：windows7系統(tǒng)、css3版本，該方法適用于所有品牌電腦。

行元素（又名內(nèi)聯(lián)元素）跟塊元素都是html規(guī)范中的概念。塊元素(block element)一般是其他元素的容器元素，能容納其他塊元素或內(nèi)聯(lián)元素。內(nèi)聯(lián)元素(inline element)一般都是基于語(yǔ)義級(jí)(semantic)的基本元素，只能容納文本或者其他內(nèi)聯(lián)元素。

塊元素的特點(diǎn)：

• 總是另起一行（特立獨(dú)行）

• 可以設(shè)置其寬度、高度，內(nèi)外邊距

• 在不手動(dòng)設(shè)置寬度的情況下，寬度默認(rèn)為所在容器的100%（即容器寬度）

• 可以容納行內(nèi)元素和其他塊元素。

行元素的特點(diǎn)：

• 總是和相鄰的行內(nèi)元素在同一行上（物以類聚）

• 設(shè)置寬高無(wú)效，水平方向的padding和margin屬性可以設(shè)置，但是垂直方向上的無(wú)效。

• 默認(rèn)寬度是他自身內(nèi)容的寬度。

• 行內(nèi)元素只能容納其他行內(nèi)元素或者文本。

行元素跟塊元素的相同點(diǎn)

1、都具有display屬性，規(guī)定元素應(yīng)該生成的框的類型。

2、都可以設(shè)置左右方向的margin和padding值

塊元素與行元素的區(qū)別

1.塊元素，總是在新行上開(kāi)始；內(nèi)聯(lián)元素，和其他元素都在一行上。

2.塊元素，能容納其他塊元素或內(nèi)聯(lián)元素；內(nèi)聯(lián)元素，只能容納文本或者其他內(nèi)聯(lián)元素。

3.塊元素中高度，行高以及頂和底邊距都可控制；內(nèi)聯(lián)元素中高，行高及頂和底邊距不可改變。

(這上面的區(qū)別，指的是默認(rèn)情況下的，不包括CSS的刻意控制。也就是說(shuō)當(dāng)使用css控制時(shí)，塊元素和內(nèi)聯(lián)元素的屬性差異會(huì)越來(lái)越小。)

以上是“css中行元素跟塊元素有什么區(qū)別”這篇文章的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對(duì)大家有幫助，更多相關(guān)知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！

分享文章：css中行元素跟塊元素有什么區(qū)別-創(chuàng)新互聯(lián)
網(wǎng)站地址：http://weahome.cn/article/docssc.html