Client-Side/HTML,CSS,Javascript
[HTML,CSS] table중앙 정렬하기, text-align정렬
업단업업
2016. 4. 11. 16:23
table 중앙 정렬 하기
1.width값을 설정
2. margin:auto
혹은 margin-right; margin-left:auto;로 설정
3. auto를 쓰려면 doc type(문서타입)을 선언해야 함.
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<table style="border: 1px solid red; width:60%; height: 100px; margin: auto; text-align: center;">
<tr>
<td style="border: 1px solid red;">월요일</td>
<td style="border: 1px solid red;">화요일</td>
<td style="border: 1px solid red;">수요일</td>
</tr>
</table>
</body>
</html>
text-align
: block 요소 안에 있는 inline 요소를 정렬.
text-align:left 왼쪽 정렬
text-align:right 오른쪽 정렬
text-align:center 중앙 정렬
text-align: justify 왼쪽과 오른쪽 열에 맞추어 화면을 늘어뜨림
■ td 에서의 수평 정렬 : 해당 td 내에서의 내용물의 align
|
디폴트(align=left) |
align=center |
align=right |
참조 블로그 : http://aboooks.tistory.com/93,