CSS table-layout คุณสมบัติ

การกำหนดและการใช้

ตัวแปร tableLayout ใช้แสดงกฎการคำนวณตารางของเซลล์ บรรทัด และคอลัมน์ของตาราง

การจัดเรียงตารางที่ fix:

การจัดเรียงตารางที่ fix มีความสามารถในการจัดเรียงตารางทันทีที่มีในเบราเซอร์

ในการจัดเรียงตารางที่ fix การจัดเรียงระดับน้ำตายของตารางนั้นนั้นนั้นขึ้นอยู่กับความกว้างของตาราง ความกว้างของคอลัมน์ ความกว้างของขอบตาราง และช่องว่างระหว่างเซลล์ และไม่มีความเกี่ยวข้องกับสิ่งที่มีในเซลล์

ด้วยการใช้การจัดเรียงตารางที่ fix ตัวกรรมยนามสายในที่สุดที่สามารถมองเห็นนั้น ตัวกรรมยนามสายสามารถแสดงตารางได้ทันทีที่ได้รับบรรทัดแรก

การจัดเรียงตารางอัตโนมัติ:

ในการจัดเรียงตารางอัตโนมัติ ความกว้างของคอลัมน์นั้นนั้นเกี่ยวข้องกับสิ่งที่มีในคุณค่าของแบบความหมายที่ไม่มีการแบ่งบรรทัด

อาจจะช้าบ้างเพราะต้องเข้าถึงสิ่งที่มีในตารางทุกส่วนก่อนที่จะตัดสินใจเรื่องการจัดเรียง

คำอธิบาย

คุณสมบัตินี้กำหนดวิธีการคำนวณการจัดเรียงตาราง

ดูเพิ่มเติมที่

คู่มือ CSSCSS ตาราง

คู่มือ HTML DOMตัวแปร tableLayout

ตัวอย่าง

ตั้งค่าการคำนวณตาราง

table
  {
  table-layout:fixed;
  }

ลองเทียบด้วยตัวเอง

การเขียนภาษา CSS

table-layout: auto|fixed|initial|inherit;

ค่าทางด้านของเครื่องมือ

ค่า คำอธิบาย
automatic ค่าเริ่มต้น。ความกว้างของคอลัมน์นั้นนั้นเกี่ยวข้องกับสิ่งที่มีในคุณค่าของแบบความหมาย
fixed ความกว้างของคอลัมน์นั้นนั้นเกี่ยวข้องกับความกว้างของตารางและความกว้างของคอลัมน์
inherit กำหนดให้ค่าของ table-layout มีที่มาจากตัวเลขที่มีอยู่ในตัวแม่

รายละเอียดเทคนิค

ค่าเริ่มต้น: auto
เชื่อมโยง: yes
เวอร์ชัน: CSS2
การเขียนภาษา JavaScript: object.style.tableLayout="fixed"

ตัวอย่างเพิ่มเติม

ตั้งค่าการจัดเรียงตาราง
ตัวอย่างแสดงว่าวิธีการตั้งค่าการจัดเรียงตาราง

การสนับสนุนเบราเซอร์

ตัวเลขในตารางบอกว่าสนับสนุนความถูกต้องของลูกความนี้ในเวอร์ชันเบราเซอร์แรกที่สนับสนุน

Chrome IE / Edge Firefox Safari Opera
14.0 5.0 1.0 1.0 7.0