您现在的位置： 365建站网 > 建站教程 > JavaScript 教程 > HTML DOM tableLayout 属性

HTML DOM tableLayout 属性

此节有 174 人学习过参与评论

HTML DOM Style 对象

定义和用法

tableLayout 属性用来显示表格单元格、行、列的算法规则。

固定表格布局：

固定表格布局与自动表格布局相比，允许浏览器更快地对表格进行布局。

在固定表格布局中，水平布局仅取决于表格宽度、列宽度、表格边框宽度、单元格间距，而与单元格的内容无关。

通过使用固定表格布局，用户代理在接收到第一行后就可以显示表格。

自动表格布局：

在自动表格布局中，列的宽度是由列单元格中没有折行的最宽的内容设定的。

此算法有时会较慢，这是由于它需要在确定最终的布局之前访问表格中所有的内容。

语法：

</>code
Object.style.tableLayout=automatic|fixed

可能的值

值	描述
automatic	默认。列宽度由单元格内容设定。
fixed	列宽由表格宽度和列宽度设定。

实例

本例设置固定表格布局：

</>code
<html>
<head>
<script type="text/javascript">
function setFixedTableLayout()
{
document.getElementById('myTable').style.tableLayout="fixed";
}
</script>
</head>
<body>
<table id="myTable" border="1" width="100%">
<col width="20%"><col width="40%"><col width="40%">
<tr>
<td>1000000000000000000000000000</td>
<td>10000000</td>
<td>100</td>
</tr>
</table>
<input type="button" onclick="setFixedTableLayout()"
value="Set fixed table layout">
</body>
</html>

亲自试一试

改变表格的布局 (tableLayout)

HTML DOM Style 对象

如对本文有疑问，请提交到交流论坛，广大热心网友会为你解答！！点击进入论坛

您可能感兴趣的文章:

发表评论 (174人查看，0条评论): 请自觉遵守互联网相关的政策法规，严禁发布色情、暴力、反动的言论。

昵称：

最新评论

------分隔线----------------------------

上一篇：HTML DOM emptyCells 属性
下一篇：HTML DOM color 属性

JavaScript 教程目录

HTML DOM tableLayout 属性

定义和用法

固定表格布局：

自动表格布局：

语法：

</>code

可能的值

实例

</>code

亲自试一试

您可能感兴趣的文章:

JavaScript基础

HTML DOM

公司信息

快速入口

其它栏目

业务咨询