패키지
[HTML,CSS] table중앙 정렬하기, text-align정렬 본문
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,
'Client-Side > HTML,CSS,Javascript' 카테고리의 다른 글
| XSS 방어 (크로스 사이트 스크립팅) (0) | 2017.11.13 |
|---|---|
| [HTML/CSS]width속성 (0) | 2016.04.11 |
| [HTML/CSS] position정렬, 이슈사항 해결 (0) | 2016.04.11 |
| HTML 폼 형식별 데이터 송수신 테스트 (0) | 2015.05.11 |
| 데이터 송수신 테스트 (0) | 2015.05.11 |
Comments