팝업 페이지 수정 작업을 하던 중, td 엘리먼트에 가운데 정렬이 되어 있지 않을 것을 발견하였다.
<td aling="center ~~~>
이런 식으로 되어 있었는데, 정작 화면에서는 적용되지 않았다.
문제가 무엇일까?
구글링을 하여 보니, 이런 실수가 많이 있나 보다. ㅡㅡㅋ
개발자 도구로 이리 저리 해 보는데도 도무지 적용되지 않는 정렬...
그러다가 스택 오버 플로우에서 아래와 같은 내용을 발견하였다.
#myTable tbody td { text-align: center }
#myTable tbody td:first-child { text-align: left }딱 보니 감이 온다. 이렇게 하면 될 거 같은 ㅋㅋ
역시나 바로 적용된다.
최종적으로 적용한 내용은 아래와 같다.
nth-child는 css 기법 중의 하나로 해당 객체의 몇 번째 속성만 선택하고 싶을 때 사용하는 속성이다.