2013-11-25 17 views
5

ile hizalama Bir tablonun son iki sütununun metnini sağa hizalamak istiyorum.Bir tablonun son iki sütununu CSS

<table> 
    <tr> 
    <th>H 1</th> 
    <th>H 2</th> 
    <th>H 3</th> 
    <th>H 4</th> 
    </tr> 
    <tr> 
    <td rowspan='3'>1</td> 
    <td>2</td> 
    <td>3</td> 
    <td>4</td> 
    </tr> 
    <tr> 
    <td>2</td> 
    <td>3</td> 
    <td>4</td> 
    </tr> 
    <tr> 
    <td>2</td> 
    <td>3</td> 
    <td>4</td> 
    </tr> 
</table> 

her satırda sütun aynı sayıda değil ve CSS kullanarak nasıl emin değilim: Her satırda son iki td öğeleri seçmek için n'inci-çocuk.

+0

Orada çirkin bir yoldur ve olmasıdır X – sensation

+0

son çocuk son fakat 2 son çocuğa – Martlark

+0

olası yinelenen nasıl emin seçer [CSS ile bir tablo hücresinde sağa hizala] (http://stackoverflow.com/questions/1906469/align-right-in-a-table-cell-with-css) – Interrobang

cevap

12

http://jsfiddle.net/BB9ty/

th:last-child, 
td:last-child, 
th:nth-last-child(2), 
td:nth-last-child(2) { 
    text-align: right; 
} 
+5

td: sonuncu çocuk (- n + 2) bir seferde yapar. İlham için teşekkürler. – Martlark

+0

Çok güzel bitti :) –

İlgili konular