溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

li算不算是行內(nèi)元素

發(fā)布時間:2020-12-22 10:52:03 來源:億速云 閱讀:152 作者:小新 欄目:web開發(fā)

這篇文章主要介紹li算不算是行內(nèi)元素,文中介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們一定要看完!

li不是行內(nèi)元素,而是塊級元素,塊級元素的特點包括:1、總是在新行上開始;2、高度和行高以及外邊距和內(nèi)邊距都可控制;3、寬度缺省是它的容器的100%;4、可以容納內(nèi)聯(lián)元素和其他塊元素。

li是行內(nèi)元素?

li不是行內(nèi)元素;ul和li都是塊級元素。因為ul和li標(biāo)簽的高度,行高以及外邊距和內(nèi)邊距都可控制;且可以容納內(nèi)聯(lián)元素和其他塊級元素。

塊級元素(block element),和其對應(yīng)的是內(nèi)聯(lián)元素(inline element)--也稱行內(nèi)元素,都是html規(guī)范中的概念。大多數(shù)HTML 元素被定義為塊級元素或內(nèi)聯(lián)元素。塊級元素在瀏覽器顯示時,通常會以新行來開始(和結(jié)束)。

常用塊級元素:div , p , form, ul, li , ol, dl, form, address, fieldset, hr, menu, table

塊元素和內(nèi)聯(lián)元素的基本差異是塊元素一般都從新行開始,相鄰的塊級元素將會在不同行顯示。而當(dāng)加入了css控制以后,塊元素和內(nèi)聯(lián)元素的這種屬性差異就不成為差異了。

比如,我們完全可以把內(nèi)聯(lián)元素加上display:block這樣的屬性,讓它也有每次都從新行開始的屬性,即成為塊元素同樣我們可以把塊元素加上display:inline這樣的屬性,讓它也在一行上排列。

block元素的特點

①總是在新行上開始;

②高度,行高以及外邊距和內(nèi)邊距都可控制;

③寬度缺省是它的容器的100%,除非設(shè)定一個寬度。

④它可以容納內(nèi)聯(lián)元素和其他塊元素

inline元素的特點

①和其他元素都在一行上;

②高,行高及外邊距和內(nèi)邊距不可改變;

③寬度就是它的文字或圖片的寬度,不可改變

④內(nèi)聯(lián)元素只能容納文本或者其他內(nèi)聯(lián)元素

以上是“l(fā)i算不算是行內(nèi)元素”這篇文章的所有內(nèi)容,感謝各位的閱讀!希望分享的內(nèi)容對大家有幫助,更多相關(guān)知識,歡迎關(guān)注億速云行業(yè)資訊頻道!

向AI問一下細節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進行舉報,并提供相關(guān)證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI