table-layoutª©¥»¡GCSS2¡@ ­Ý®e©Ê¡GIE5+¡@Ä~©Ó©Ê¡GµL
»yªk¡G
table-layout : auto | fixed
¨ú­È¡G
auto :’ÂÀq»{­È¡CÀq»{ªº¦Û°Êºâªk¡C§G§½±N°ò©ó¦U³æ¤¸®æªº¤º®e¡Cªí®æ¦b¨C¤@³æ¤¸®æ¤º©Ò¦³¤º®eŪ¨ú­pºâ¤§«á¤~·|Åã¥Ü¥X¨Ó
fixed :’©T©w§G§½ªººâªk¡C¦b³oºØºâªk¤¤¡Aªí®æ©M¦Cªº¼e«×¨ú¨M©ó col ¹ï¶Hªº¼e«×Á`©M¡A°²¦p¨S¦³«ü©w¡A«h·|¨ú¨M©ó²Ä¤@¦æ¨C­Ó³æ¤¸®æªº¼e«×¡C°²¦pªí®æ¨S¦³«ü©w¼e«×( width )ÄÝ©Ê¡A«hªí®æ³Q§e»¼ªºÀq»{¼e«×¬° 100% ¡C
»¡©ú¡G
³]¸m©ÎÀ˯Áªí®æªº§G§½ºâªk¡C
§A¥i¥H³q¹L¦¹Äݩʧﵽªí®æ§e»¼©Ê¯à¡C¦¹ÄݩʾɭPIE¥H¤@¦¸¤@¦æªº¤è¦¡§e»¼ªí®æ¤º®e±q¦Ó´£¨Ñµ¹«H®§¥Î¤á§ó§Öªº³t«×¡C¦¹Äݩʨ̾ڦ¹¤U¶¶§Ç¨Ï¥Î¨ä¤¤¤@ºØ¤è¦¡§G¸mªí®æÄæ¼e«×¡G
  1. ¨Ï¥Î col ©Î colGroup ¹ï¶Hªº¼e«×( width )ÄÝ©Ê«H®§¡C
  2. ¨Ï¥Îªí®æ²Ä¤@¦æ¤ºªº³æ¤¸®æªº¼e«×( width )«H®§¡C
  3. ¨Ì¾Úªí®æ¦C¼Æµ¥¤Àªí®æ¼e«×¡C¦Ó¤£¦Ò¼{ªí®æ¤º®eªº¹ê»Ú¼e«×¡C
°²¦p³æ¤¸®æªº¤º®e¶W¹L¤F¦C¼e«×¡A¤º®e±N·|³Q´«¦æ¡C°²¦pµLªk´«¦æ¡A«h¤º®e·|³Qµô¤Á¡C°²¦p¦¹ÄݩʳQ³]¸m¬° fixed ¡A«h overflow ¯à°÷³Q¥Î©ó±±¨î³B²z·¸¥X³æ¤¸®æ( td )¼e«×ªº¤º®e¡C°²¦pªí®æ¦æ°ª«×³Q«ü©w¤F¡A¨º»ò´«¦æªº¤º®e¦pªG¶W¥X¤F«ü©wªí®æ¦æ°ª«×¤]·|¦bÁa¦V¤W³Qµô¤Á¡C
³]¸m¦¹ÄݩʭȬ° fixed ¡A¦³§U©ó´£°ªªí®æ©Ê¯à¡C¹ï©óªøªí®æ®ÄªG¤×¨äÅãµÛ¡C
³]¸mªí®æ¦æ°ª¥i¥H¶i¤@¨B´£°ª§e»¼³t«×¡AÂsÄý¾¹¤£»Ý­nÀË´ú¦æ¤º¨C¤@­Ó³æ¤¸®æ¤º®e¥h½T©w¦æ°ª´N¥i¥H¶}©l¸ÑªR¥H¤Î§e»¼¡C
¦¹Äݩʹï©ó currentStyle ¹ï¹³¦Ó¨¥¬O¥uŪªº¡C¹ï©ó¨ä¥L¹ï¹³¦Ó¨¥¬O¥iŪ¼gªº¡C
¹ïÀ³ªº¸}¥»¯S©Ê¬° tableLayout ¡C
¥Ü¨Ò¡G
table { table-layout: fixed; }