CSS - układ tabeli

Opis

Właściwość układu tabeli określa metodę układu używaną podczas renderowania tabeli.

Możliwa wartość

auto- Tabelę należy ułożyć według jakiegoś automatycznego algorytmu układu. Przeglądarka robi to automatycznie.
fixed - Stół należy rozłożyć zgodnie z przedstawioną metodą układu stałego stołu.

Dotyczy

Wszystkie elementy z wyświetlaniem tabeli lub tabeli inline.

Składnia DOM

object.style.tableLayout = "fixed";

Przykład

NOTE - Ta właściwość nie jest obsługiwana przez wiele przeglądarek, więc nie należy polegać na tej właściwości.

<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>

To da następujący wynik -

↰ Previous page

Japanese Spanish German French Thai Portuguese Russian Vietnamese Italian Korean Turkish Indonesian Polish Hindi

CSS - układ tabeli

Opis

Możliwa wartość

Dotyczy

Składnia DOM

Przykład

CSS Advanced

Odnośniki CSS

CSS Responsive

Narzędzia CSS

Samouczek CSS

Samouczek CSS3

Language