เพิ่มเติม
ดาวน์โหลดซอร์สโค้ด เกี่ยวกับการเขียนโปรแกรม ทรัพยากรสร้างเว็บไซต์ หนังสือและบทเรียน เกมมือถือ แอปมือถือ บทความ
หน้าแรก>การสอนการออกแบบเว็บไซต์>การทำให้เว็บเป็นมาตรฐาน

องค์ประกอบแบบอินไลน์และองค์ประกอบระดับบล็อกใน CSS

ผู้เขียน：Eve Cole เวลาอัปเดต：2009-05-31 02:03:45

"The Definitive Guide to CSS" ในภาษาจีน: องค์ประกอบใดๆ ที่มองเห็นได้ซึ่งไม่ใช่องค์ประกอบระดับบล็อกจะเป็นองค์ประกอบแบบอินไลน์ ลักษณะของประสิทธิภาพคือรูปแบบของ "เค้าโครงแถว" ในที่นี้หมายความว่ารูปแบบการแสดงออกจะแสดงเป็นแถวเสมอ ตัวอย่างเช่น เมื่อเราตั้งค่าองค์ประกอบแบบอินไลน์ border-bottom:1px solid #000; องค์ประกอบดังกล่าวจะถูกทำซ้ำในแต่ละแถว และจะมีเส้นสีดำบางๆ อยู่ใต้แต่ละแถว หากเป็นองค์ประกอบระดับบล็อก เส้นสีดำที่แสดงจะปรากฏใต้บล็อกเท่านั้น

องค์ประกอบเช่น p, h1 หรือ div มักเรียกว่าองค์ประกอบระดับบล็อก และองค์ประกอบเหล่านี้จะแสดงเป็นบล็อกของเนื้อหา องค์ประกอบเช่น Strong และ span เรียกว่าองค์ประกอบแบบอินไลน์ และเนื้อหาจะแสดงในบรรทัด กล่าวคือ , "กล่องอินไลน์" (คุณสามารถใช้ display=block เพื่อแปลงองค์ประกอบแบบอินไลน์เป็นองค์ประกอบบล็อกได้ display=none หมายความว่าองค์ประกอบที่สร้างขึ้นไม่มีกรอบเลย ไม่แสดงองค์ประกอบหรือใช้พื้นที่ในเอกสาร)


ตอบ: องค์ประกอบแบบอินไลน์เป็นองค์ประกอบภายในแถวและสามารถวางได้ภายในบรรทัดเท่านั้น องค์ประกอบระดับบล็อกเป็นเพียงกล่องสี่เหลี่ยมจัตุรัสและสามารถวางไว้ที่ใดก็ได้บนหน้า

B: หากพูดตรงๆ องค์ประกอบแบบอินไลน์ก็เหมือนกับคำ ส่วนองค์ประกอบระดับบล็อกก็เหมือนกับย่อหน้า หากไม่ได้กำหนดไว้เป็นอย่างอื่น องค์ประกอบนั้นจะปรากฏในบรรทัดของมันเอง

C: องค์ประกอบระดับบล็อกทั่วไป เช่น ย่อหน้า

, ชื่อ

..., รายการ,