table-layout

优质

小牛编辑

125浏览

2023-12-01

描述 (Description)

table-layout属性确定用于呈现表的布局方法。

可能的值 (Possible Values)

auto - 表格应根据一些自动布局算法进行布局。浏览器自动执行此操作
fixed - 应根据提供的固定表格布局方法布置表格。

适用于 (Applies to)

所有元素都带有表或内联表的显示。

DOM语法 (DOM Syntax)

object.style.tableLayout = "fixed";

例子 (Example)

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>

这将产生以下结果 -