Sådan retter du ujævn kolonnehøjder i CSS

Blandt de mange hjemmesidedesignfunktioner, som du kan styre med CSS, er højden af ​​dine sideelementer. Selv om højdeindstillingen i HTML-elementer normalt ikke er sat til et statisk nummer, bliver det nødvendigt, hvis kolonnerne i dine HTML-tabeller ikke ordner korrekt. For at rette ujævne kolonnehøjder på din virksomheds websted ved hjælp af CSS, tilføj en CSS-klasse og henvis derefter til den pågældende klasse i hver af dine HTML-kolonner.

1.

Åbn dine HTML- og CSS-filer. I HTML-koden skal du rulle ned til koden for tabelkolonnerne. I CSS-koden skal du rulle ned til bunden og indsætte et par linjeskift.

2.

Indtast følgende kode i den tomme linje i din CSS-fil og gem den. Erstat nummeret - "400" - med den højde, du vil have dine kolonner til at være:

.colheight {height: 400px; }

3.

Klik inde i den første " "tag i din HTML kode og indsæt følgende kode i den:

class = ”colheight”

4.

Gentag det forrige trin for hver " "tag i HTML-kodes kode. Gem filen, når du er færdig, og kolonnens højder skal nu være lige. Den endelige kode til din HTML-tabel skal se sådan ud:

Kolonne 1 indholdKolonne 2 indhold

 

Efterlad Din Kommentar