css table-layout property


  Translation results:

table

英[ˈteɪbl] 美[ˈtebəl]

n.Table; table, directory; operating table, workbench, game table; flat floor

vt. Tabulation; shelving; fitting; shelving [ˈleˌaʊt]

n. Layout, arrangement, design; layout drawing, planning drawing

css table-layout propertysyntax

Function: tableLayout attribute is used to display the algorithm rules of table cells, rows, and columns.

Description: This attribute specifies the layout algorithm used to complete table layout. The fixed layout algorithm is faster but less flexible, while the automatic algorithm is slower but more reflective of traditional HTML tables.​

Note: All browsers support the table-layout attribute. The attribute value "inherit" is not supported in any version of Internet Explorer (including IE8).

css table-layout propertyexample

<html>
<head>
<style type="text/css">
table.one
{
table-layout: automatic
}
table.two
{
table-layout: fixed
}
</style>
</head>
<body>
<table class="one" 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="two" border="1" width="100%">
<tr>
<td width="20%">1000000000000000000000000000</td>
<td width="40%">10000000</td>
<td width="40%">100</td>
</tr>
</table>
</body>
</html>
Run instance »

Click the "Run instance" button to view the online instance

Popular Recommendations

Home

Videos

Q&A