반응형

TABLE의 수평,수직 정렬

테이블에서 정렬시 테이블관련 속성에서 지원하는 align을 사용하도록 하자!!!
새로운 <p align=center> 내용 </p> 태그를 사용할 필요가 없고 기존 td 태그에서 처리되므로 훨신 깔끔하다.

table은 align 을 , td 는 align 과 valign을 가진다 (* tr은 사용할 필요가 없을 것임)
align은 테이블 또는 내용이 수평적으로 왼쪽,가운데,오른쪽으로 배치하라는 설정이고,
valign은 내용물이 수직적으로 위로,가운데,아래로 배치하라는 설정이다.



■ table 차원의 align


디폴트(align=left) align=center align=right
서울 홍삿갓
서울 김길동
서울 홍삿갓
서울 김길동
서울 홍삿갓
서울 김길동


* 이 테이블이 가장 바깥쪽 테이블이라면 테이블 차원의 정렬을 줄 수 있다.
* 이 테이블이 다른 테이블의 td속에 있다면 td 의 정렬을 이용하여야...!!!

*가운데 배치라면 더 상위에서 <center> ~~~</center> 태그로 정렬을 하는게 좋다



■ td 에서의 수평 정렬 : 해당 td 내에서의 내용물의 align


디폴트(align=left) align=center align=right


* 이 테이블이 가장 바깥쪽 테이블이라면 테이블 차원의 정렬을 줄 수 있다.
* 이 테이블이 다른 테이블의 td속에 있다면 td 의 정렬을 이용하여야...!!!

*가운데 배치라면 더 상위에서 <center> ~~~</center> 태그로 정렬을 하는게 좋다



■ td 에서의 수직 정렬 : 해당 td 내에서의 내용물의 valign


valign=top 디폴트(valign=middle) valign=bottom
반응형
Posted by Real_G