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>
Click the "Run instance" button to view the online instance