Nasıl hizalamak için merkezi bir html tablo satırı metin?

SORU

24 Ocak 2012, Salı

Nasıl hizalamak için merkezi bir html tablo satırı metin?

Html bir tablo kullanıyorum. Her hücrede merkezi td metin hizalamak istiyorum.

Nasıl metin olarak yatay ve dikey olarak ortala?

CEVAP

24 Ocak 2012, Salı

Burada CSS ve gömülü stil ile bir örnek:

CSS:

td 
{
    height: 50px; 
    width:50px;
}

#cssTable td 
{
    text-align:center; 
    vertical-align:middle;
}

HTML:

<table border="1">
    <tr>
        <td align="center" valign="middle">Text</td>
        <td align="center" valign="middle">Text</td>
    </tr>
</table>

<table border="1" id="cssTable">
    <tr>
        <td>Text</td>
        <td>Text</td>
    </tr>
</table>

http://jsfiddle.net/Pv3Zk/

Bunu Paylaş: