방법 - 중앙 테이블
CSS로 표를 가운데에 맞추는 방법을 알아보세요.
중앙 테이블:
이름 | 성 | 나이 |
---|---|---|
처녀 | 스미스 | 50 |
이브 | 잭슨 | 94 |
남자 | 암사슴 | 80 |
테이블을 중앙에 맞추는 방법
1단계) HTML 추가:
예시
<table class="center">
<tr>
<th>Firstname</th>
<th>Lastname</th>
<th>Age</th>
</tr>
<tr>
<td>Jill</td>
<td>Smith</td>
<td>50</td>
</tr>
<tr>
<td>Eve</td>
<td>Jackson</td>
<td>94</td>
</tr>
<tr>
<td>John</td>
<td>Doe</td>
<td>80</td>
</tr>
</table>
2단계) CSS 추가:
표를 가운데에 맞추려면 왼쪽 및 오른쪽 여백을 auto
다음 으로 설정합니다.
예시
.center {
margin-left: auto;
margin-right: auto;
}
너비가 100%(전체 너비)로 설정된 경우 테이블을 가운데에 맞출 수 없습니다.
팁: 표의 스타일을 지정하는 방법에 대해 자세히 알아보려면 CSS 표 자습서 로 이동하십시오 .