propriété HTML DOM style TableLayout
style Objets Définition et utilisation
ensembles TableLayout de propriété ou retourne une cellule de tableau, rangée, colonne règles de l'algorithme d'affichage.
grammaire
Définition des propriétés TableLayout:
Object.style.tableLayout="automatic|fixed|inherit"
Retour TableLayout propriétés:
Object.style.tableLayout
| 值 | 描述 |
|---|---|
| auto | 默认。列宽度由单元格内容设定。
|
| fixed | 列宽度由表格宽度和列宽度设定（不是由单元格内容设定）。
|
| inherit | tableLayout 属性的值从父元素继承。 |
support du navigateur
Tous les principaux navigateurs prennent en charge la propriété TableLayout.
Note: IE7 et les versions antérieures ne supportent pas la valeur "inherit".IE8 ne fournit DOCTYPE! Supporté "inherit". soutien IE9 "inherit".
Exemples
Exemples
Définir une disposition de table fixe:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>本教程(w3big.com)</title>
<script>
function displayResult(){
document.getElementById("myTable").style.tableLayout="fixed";
}
</script>
</head>
<body>
<table id="myTable" width="300" border="1">
<thead>
<th>表格表头</th>
<th>表格表头</th>
</thead>
<tbody>
<tr>
<td>这是一些文本。这是一些文本。</td>
<td>这是另一些文本</td>
</tr>
</tbody>
</table>
<br>
<button type="button" onclick="displayResult()">设置固定的表格布局</button>
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title>本教程(w3big.com)</title>
<script>
function displayResult(){
document.getElementById("myTable").style.tableLayout="fixed";
}
</script>
</head>
<body>
<table id="myTable" width="300" border="1">
<thead>
<th>表格表头</th>
<th>表格表头</th>
</thead>
<tbody>
<tr>
<td>这是一些文本。这是一些文本。</td>
<td>这是另一些文本</td>
</tr>
</tbody>
</table>
<br>
<button type="button" onclick="displayResult()">设置固定的表格布局</button>
</body>
</html>
Essayez »
style Objets