html li 裡面可以放p div 這些塊級元素嗎?如果可以,是為什麼呢?
li 是行內元素,原本行內元素是不可以在裡面放塊級元素的.可是,我發現學校的ppt在介紹css child selectors時,舉了一條例子: div ul&>li p
這讓我感覺特別疑惑,上網去找答案,發現有些網頁寫可以放p在li裡面,有些說不可以.還有說連div都可以放的.但是都沒有給解釋.可以問一下大家答案嗎?謝謝!
首先li默認不是行內元素
第二元素能不能嵌套現在不是看元素的顯示屬性了,而是看元素的分類,在這個模型下,每個元素有什麼情況理能否放其它元素都有明確的規定,比如li的:
可以放flow content
再看p的
可以看到p是屬於flow content的,所以可以嵌套。
li從表現來看是一個塊級標籤好吧,用法也和一個塊級元素差不多。只不過display默認不是block, 而是
display: list-item;
而已
li是塊級元素。。。即便是行內元素,也不是一定就不能放塊級元素。比如a,啥玩意都可以往裡扔。
放就完事了. p裡面不可以放p
因為規定
ul、li、ol、dl、dt、dd這些都是塊級元素,塊級元素里可以放任意塊級和行內元素 ,塊級元素是默認佔滿一行的,可以在li里隨便寫點文字,加個背景顏色看看是不是佔滿一行
li是塊元素啊!!!你是哪裡看到的,說li是行內元素!!!
li絕對不是行內,舉個簡單的例子:你寫兩個li看他們是不是在一行?
你這個題目有錯誤,li是塊標籤,有換行屬性
塊標籤和行標籤:塊標籤內可以寫行標籤,但是行標籤內不可以寫塊標籤
所以li塊標籤裡面可以加p和div標籤
推薦閱讀: