page3.php 표 내에 중앙정렬
페이지 정보
작성자
본문
테마명 : lang_1, page3.php
<div class="col-md-5">
<table class="table-2 kn">
<thead>
<tr>
<th width="30%" style="text-align:center">점퍼커플러종류</th>
<th width="45%" style="text-align:center">정격전압</th>
<th width="25%" style="text-align:center">인가전압</th>
</tr>
</thead>
<tbody>
<tr>
<td>고압용</td>
<td>DC 1,500 V 용</td>
<td>AC 5,400</td>
</tr>
<tr>
<td>보조전원선용</td>
<td>AC 380 V, DC 100 V 용</td>
<td>AC 2,000 V</td>
</tr>
<tr>
<td>신호선용</td>
<td>DC 100 V 용</td>
<td>AC 1,200 V</td>
</tr>
</tbody>
</table>
</div>
중앙정렬을 하는데 아래그림을 보면 왼쪽부분에 공백이있어서 중앙보단 약간 오른쪽에서 정렬이 됩니다
css/common.css에서
이 부분 같은데 수정해봐도 변화가 없습니다
중앙정렬을 하는데 아래그림을 보면 왼쪽부분에 공백이있어서 중앙보단 약간 오른쪽에서 정렬이 됩니다
css/common.css에서
.table-2 tr th {
height: 45px;
padding: 15px 0;
text-align: left;
border-bottom: 1px solid #ddd;
border-right: 1px solid #ddd;
border-top: 3px solid #111;
font-size: 1em;
background: #f1f1f1;
padding-left: 20px;
}
.table-2 tr td {
height: 45px;
padding: 15px 0;
text-align: left;
border-bottom: 1px solid #ddd;
border-right: 1px solid #ddd;
font-size: 1em;
padding-left: 20px;
}
이 부분 같은데 수정해봐도 변화가 없습니다

댓글목록
kctlhs님의 댓글

padding-left: 20px; 요걸로 해결했습니다^^
소프트존님의 댓글

네 수고하셨습니다.
개발자 도구를 이용하시면 쉽게 찾으실 수 있으실것 같습니다.
kctlhs님의 댓글

감사합니다^^