Hvordan lage tabeller stille opp vertikalt i Firefox

Tabeller er elementer som lagrer data - for eksempel tekst eller bilder - i enkeltceller. Du kan bruke Hypertext Markup Language (HTML) og Cascading Style Sheets (CSS) for å lage en nettside med vertikalt på linje bord i Firefox. Mens "valign" attributt ble ofte brukt i fortiden for å justere tabeller, har denne koden siden blitt frarådet på grunn av utviklingen av CSS. Du kan i stedet bruke <div> og <style> koder for å lage tabeller stille opp vertikalt i Firefox.

Bruksanvisning

1 Sett <div> </ div> tagger mellom bordene (f.eks <div> <table> <tr> <td> </ td> </ tr> </ table> </ div>).

2 Legg style = "position: absolute; top: <X> px" til hver <div> tag. Erstatt "<X>" med ønsket side plassering for hver tabell. "Toppen" attributt flytter elementet nedover siden det angitte antall piksler.

3 Tilsett style = "vertical-align: <X>" til et element - som hver øverste cellen i tabellen - for å gjøre tabellene stille opp vertikalt i Firefox. Erstatt "<X>" med "topp", "bunn" eller "midt", avhengig av dine preferanser.

Hint

  • Hvis du ønsker å ha alle tabellene på side linjen opp på samme linje, sette inn <style>
  • table {position: absolute; top: <X> px; }
  • </ Style> mellom <header> </ header> koder.
  • Du kan legge til td {vertikal-align: <X>; } I mellom <style> </ style> koder for å gjøre alle cellene i alle tabellene linje opp basert på den angitte verdien.