網(wǎng)站首頁(yè) 編程語(yǔ)言正文

css塊級(jí)元素，行內(nèi)元素和行內(nèi)塊級(jí)元素

作者：賣菜的小白更新時(shí)間： 2022-04-19 編程語(yǔ)言

一、寫(xiě)在前面
行內(nèi)元素和塊級(jí)元素以及行內(nèi)塊級(jí)元素總是傻傻分不清，下面進(jìn)行總結(jié)。
二、總結(jié)
2.1、塊級(jí)元素

1、它獨(dú)占一行。
2、它的寬高可以設(shè)置。
3、默認(rèn)時(shí)，寬度是100%。

例如:

，,

li

2.2、行內(nèi)元素

1、它的寬度有內(nèi)容決定，高度有內(nèi)容字體大小決定。
2、它不可以設(shè)置寬高。
3、它可以和其他行內(nèi)元素位于同一行。

例如：,,,等。
2.3、行內(nèi)跨級(jí)元素

1、它既可以和其他的行內(nèi)元素位于同一行。 2、元素的高度及與邊的間距都可以設(shè)置。

例如：，,