內聯元素可以巢狀塊級元素嗎?

2021-08-08 04:02:21 字數 431 閱讀 3155

從xhtml標準的定義來說,不論是a還是span的內部都是不能放快元素的。在h4的任何doctype宣告下,都不允許a巢狀div,而html5的doctype宣告下允許a巢狀div

xhtml strict下 ,在沒有額外css的描述下,內聯元素完全無法巢狀塊級元素。xhtml transitional下面 ,這種巢狀被接受 ,但是具體的表現行為被瀏覽器所解釋。事實上 乙個標籤的預設屬性可以被display屬性更改 ,如果a的display屬性更改為 block或者 inline-block 那麼就可以巢狀了 ,預設情況下是不行的。

此外,a標籤巢狀div塊級元素還與a的父元素有關,當a的父元素是div時,可以巢狀,若父元素為p標籤,則無法巢狀。

總之,盡量不要在內聯元素裡面巢狀div,若必須巢狀,可以先設定該內聯元素的display為block。

塊級元素 內聯元素 可變元素

block 塊 元素的特點 總是在新行上開始 高度,行高以及外邊距和內邊距都可控制 寬度預設是它的容器的100 除非設定乙個寬度。它可以容納內聯元素和其他塊元素 inline元素的特點 和其他元素都在一行上 高,行高及外邊距和內邊距不可改變 寬度就是它的文字或的寬度,不可改變 內聯元素只能容納文字或...

CSS塊級元素 內聯元素

在css盒子模型中,我們提到了html元素中的塊元素 block element 和內聯元素 inline element 那麼它們究竟是什麼呢?其實,這兩種元素都是html規範中的概念。塊元素 block element 一般是其他元素的容器元素,能容納其他塊元素或內聯元素。最常見的就是p和div...

CSS塊級元素 內聯元素

在css盒子模型中,我們提到了html元素中的塊元素 block element 和內聯元素 inline element 那麼它們究竟是什麼呢?其實,這兩種元素都是html規範中的概念。塊元素 block element 一般是其他元素的容器元素,能容納其他塊元素或內聯元素。最常見的就是p和div...