Cellatartalom vízszintes igazítása

A szövegformázásnál megismert text-align tulajdonság segítségével lehet a táblázat celláinak tartalmát is vízszintesen pozícionálni.

Lehetséges értékei táblázatok esetén:
right = jobbra,
left = balra,
center = középen,
justify = sorkizárt.

Függőleges igazítás :

kijelölő

{

text-align

kulcsszó;

}

A td és th címkéket használva a táblázat valamennyi cellájára alkalmazhatunk egy-egy beállítást.

Ha csupán a cellák egy részét kívánjuk egy irányba igazítani, akkor a legegyszerűbb egy osztály létrehozása, a példában látható módon.

Példa:

Forráskód


<style>
...
  th {text-align:center;} 
  td {text-align:left;}      
  .jobbra {text-align:right;} 
  .balra {text-align:left;} 
  .kozepen {text-align:center;} 
  .sorkizart {text-align:justify;}       
</style>    
...
<body>
  <table>
    <caption> Árjegyzék</caption>
    <tr>
      <th> Termékkód </th>
      <th> Megnevezése </th>
      <th> Ár </th>
    </tr><tr>
       <th class="balra"> XU1587</th>
       <td> Irodai PC 2 </td>
       <td  class="jobbra"> 107.500 Ft </td>
    </tr><tr>
      <th class="balra"> XU1583c</th>
      <td> Irodai PC 6  </td>
      <td class="jobbra">  123.300 Ft </td>
    </tr>
  </table>  
</body>

Eredmény*

* Az eredmény megjelenítése az Ön által használt böngészőtől függ.
A példakód külön ablakban is megtekinthető: css_tablazat_vizszintes_igazitas.html ;