CSS - เค้าโครงตาราง

คำอธิบาย

ตารางรูปแบบสถานที่ให้บริการจะกำหนดวิธีการรูปแบบที่ใช้ในการแสดงผลตาราง

ค่าที่เป็นไปได้

  • auto- ควรวางตารางตามอัลกอริทึมการจัดวางอัตโนมัติ เบราว์เซอร์ทำสิ่งนี้โดยอัตโนมัติ

  • fixed - ควรจัดวางตารางตามวิธีการจัดวางตารางคงที่ที่ให้มา

นำไปใช้กับ

องค์ประกอบทั้งหมดที่มีการแสดงตารางหรือตารางอินไลน์

ไวยากรณ์ DOM

object.style.tableLayout = "fixed";

ตัวอย่าง

NOTE - คุณสมบัตินี้ไม่ได้รับการสนับสนุนโดยเบราว์เซอร์จำนวนมากดังนั้นอย่าพึ่งพาคุณสมบัตินี้

<html>
   <head>
      <style type = "text/css">
         table.auto {
            table-layout: auto
         }
         table.fixed {
            table-layout: fixed
         }
      </style>
   </head>
   
   <body>
      <table class = "auto" border = "1" width = "100%">
         <tr>
            <td width = "20%">1000000000000000000000000000</td>
            <td width = "40%">10000000</td>
            <td width = "40%">100</td>
         </tr>
      </table>
      <br />
      
      <table class = "fixed" border = "1" width = "100%">
         <tr>
            <td width = "20%">1000000000000000000000000000</td>
            <td width = "40%">10000000</td>
            <td width = "40%">100</td>
         </tr>
      </table>

   </body>
</html>

สิ่งนี้จะให้ผลลัพธ์ดังต่อไปนี้ -


CSS ตอบสนอง

Language