首頁  >  文章  >  web前端  >  li是行內元素嗎

li是行內元素嗎

藏色散人
藏色散人原創
2020-12-21 11:06:364471瀏覽

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

li是行內元素嗎

推薦:《css影片教學

li是行內元素?

li不是行內元素;ul和li都是區塊級元素。因為ul和li標籤的高度,行高以及外邊距和內邊距都可控制;且可容納內聯元素和其他區塊級元素。

區塊級元素(block element),和其對應的是內聯元素(inline element)--也稱為行內元素,都是html規範中的概念。大多數HTML 元素被定義為區塊級元素或內聯元素。區塊級元素在瀏覽器顯示時,通常會以新行來開始(和結束)。

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

#區塊元素和內聯元素的基本差異是區塊元素一般都從新行開始,相鄰的區塊級元素將會在不同行顯示。而當加入了css控制以後,塊元素和內聯元素的這種屬性差異就不成為差異了。

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

block元素的特點

①總是在新行上開始;

②高度,行高以及外邊距和內邊距都可控制;

③寬度缺省是它的容器的100%,除非設定寬度。

④它可以容納內聯元素和其他區塊元素

inline元素的特徵

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

②高,行高及外邊距和內邊距不可改變;

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

④內聯元素只能容納文字或其他內聯元素

以上是li是行內元素嗎的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn