เหตุใดจึงสามารถตั้งค่าความสูงได้ แต่มันไม่ได้ดูเหมือนองค์ประกอบ <h1 /> มันให้ความรู้สึกเหมือนเป็นองค์ประกอบกึ่งอินไลน์ (อินไลน์: อินไลน์ [ข้อความ] -level) HTML 4 อธิบายเช่นนี้:
องค์ประกอบต่อไปนี้ อาจได้รับการพิจารณา องค์ประกอบระดับบล็อกเนื่องจากอาจมีองค์ประกอบระดับบล็อก:
ในคำอธิบายนี้ดูเหมือนว่า <li /> เป็นองค์ประกอบครึ่งบรรทัด แน่นอนองค์ประกอบที่คล้ายกับ <td /> ในรายการนี้ได้นำข้อสงสัยดังกล่าวมาให้ฉัน วันนี้ฉันดู CSS เริ่มต้นสำหรับแต่ละเบราว์เซอร์ ผลที่ได้คือ:
| เบราว์เซอร์ | CSS |
|---|---|
| IE6/IE7 | li{display:block; - |
| IE8+ / WebKit / Firefox / Opera | li{display:list-item; - |
ที่นี่มันชัดเจนโดยทั่วไป ในเบราว์เซอร์ A เกรดยกเว้น IE6/7 มันเป็นองค์ประกอบครึ่งบรรทัด เมื่อพูดถึง display:list-item; จริง ๆ แล้วแม้ว่าเบราว์เซอร์ A เกรด A ทั้งหมดจะได้รับการสนับสนุน แต่ก็มีคนไม่กี่คนที่ใช้มัน ทำไม จริงๆแล้วมันไร้ประโยชน์ ในโหมด Quirks PPK พูดแบบนี้:
ตัวอย่างสด: แสดง: blockdisplay: list-itemdisplay: list-item
display: list-itemหมายความว่าองค์ประกอบจะแสดงเป็นรายการรายการซึ่งส่วนใหญ่หมายความว่ามันมีกระสุนอยู่ด้านหน้า (เช่น UL) ยกเว้นใน IE 5 บน Mac ที่ได้รับตัวเลข (เช่น OL) ตัวเลขเป็น buggy: li ก่อนหน้าทั้งหมดในการนับหน้าเป็นหนึ่งดังนั้นตัวอย่างนี้เริ่มต้นด้วยหมายเลข 5 (ภาพหน้าจอถูกสร้างขึ้นก่อนที่ฉันจะแทรกความเข้ากันได้ของฉัน li)
ขวา. ที่จริงแล้วนี่ไม่ได้มีความหมายมากนัก แต่มันก็แก้ไขข้อสงสัยอย่างหนึ่งของฉัน แบ่งปัน หากคุณมีข้อสงสัยเช่นนี้บางทีถ้าคุณมีข้อบกพร่องหรือคำถามอื่น ๆ ในครั้งต่อไปที่คุณเขียนโค้ดคุณอาจจะสามารถตอบสนองได้อย่างรวดเร็ว