2013-11-25 7 views
5

테이블의 마지막 두 열의 텍스트를 오른쪽 정렬하고 싶습니다.테이블의 마지막 두 열을 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> 

각 행에 동일한 수의 열이 없습니다 내가 CSS를 사용하는 방법을 잘 모르겠어요 : 각 행의 마지막 두 TD 항목을 선택하여 n 번째의 아이를.

+0

이 하나의 추악한 방법이며, 즉 X – sensation

+0

마지막 아이는 마지막하지만 2 마지막 자식에게 – Martlark

+0

가능한 중복을 얻을하는 방법을 잘 선택 CSS의 테이블 셀에서 오른쪽 정렬] (http://stackoverflow.com/questions/1906469/align-right-in-a-table-cell-with-css) – Interrobang

답변

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 : nth-last-child (- n + 2) 한 번에 수행합니다. 영감을 가져 주셔서 감사합니다. – Martlark

+0

아주 잘 했어 :) –

관련 문제