常見的塊級元素 HTML哪些是塊狀元素,哪些是內聯元素?
HTML哪些是塊狀元素,哪些是內聯元素?塊級元素和內聯元素(通常說行內元素)的區(qū)別是塊級有獨立空間。它本身顯示在一行,不管多少字節(jié)。而行內是沒有display:block的特性的。1 塊級元素:div
HTML哪些是塊狀元素,哪些是內聯元素?
塊級元素和內聯元素(通常說行內元素)的區(qū)別是塊級有獨立空間。它本身顯示在一行,不管多少字節(jié)。而行內是沒有display:block的特性的。
1 塊級元素:div , p , form, ul, li , ol, dl, form, address, fieldset, hr, menu, table
2 行內元素:span, strong, em, br, img , input, label, select, textarea, cite,
div是塊狀元素還是內聯元素?
內聯轉化為塊狀:display:block 或 float:left / right塊狀轉化為內聯:display:inline但是要注意內聯元素師不能設置寬度和高度的。
元素是塊元素還是內連元素?
img是內聯元素,因為它不是像div一樣獨占一行。
一般的內聯元素是不能設置寬度的,它的寬度是由它中間的內容決定的;但是img比較特殊它可以設置寬度。
接下來我寫了一個例子來說明:
從例子可以看出div在我們沒有設置寬度的情況下它是占了一整行,它后面緊跟的文字就在下一行了,這是塊級元素。
我們看后面的img它是和后面的文字在一起的,span是內聯元素,我在第一個span中設置了一個寬度50000px,但是后面一張圖片依然緊跟在它后面,沒有變化;我又在第二個img中設置了一個寬度150px,然后我們發(fā)現后面的圖片變小了。
說到這里我們就說明了img是內聯元素,但它可以設置寬度。
以上內容如有不正確的地方希望大家能夠指出來,謝謝!
塊級元素與內聯元素可以同時被塊級元素包嗎?
是可以的,羅列 XHTML 標簽的嵌套規(guī)則了:1. 塊元素可以包含內聯元素或某些塊元素,但內聯元素卻不能包含塊元素,它只能包含其它的內聯元素:
—— 對 —— 錯2. 塊級元素不能放在
里面: