17
จะป้องกันการแตกคอลัมน์ภายในองค์ประกอบได้อย่างไร
พิจารณา HTML ต่อไปนี้: <div class='x'> <ul> <li>Number one</li> <li>Number two</li> <li>Number three</li> <li>Number four is a bit longer</li> <li>Number five</li> </ul> </div> และ CSS ต่อไปนี้: .x { -moz-column-count: 3; column-count: 3; width: 30em; } ตามที่เป็นอยู่ปัจจุบัน Firefox แสดงผลแบบเดียวกันนี้: • Number one • Number three bit longer • Number two • Number …