WebPrograming관련
TABLE의 수평,수직 정렬
Real_G
2007. 3. 25. 02:34
TABLE의 수평,수직 정렬
테이블에서 정렬시 테이블관련 속성에서 지원하는 align을 사용하도록 하자!!! 새로운 <p align=center> 내용 </p> 태그를 사용할 필요가 없고 기존 td 태그에서 처리되므로 훨신 깔끔하다.
table은 align 을 , td 는 align 과 valign을 가진다 (* tr은 사용할 필요가 없을 것임) align은 테이블 또는 내용이 수평적으로 왼쪽,가운데,오른쪽으로 배치하라는 설정이고, valign은 내용물이 수직적으로 위로,가운데,아래로 배치하라는 설정이다.
|
디폴트(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 | |