에티테마

page3.php 표 내에 중앙정렬

페이지 정보

작성자 no_profile kctlhs 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 댓글 3건 작성일 23-11-28 15:00

본문

테마명 : 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에서

.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;
}

이 부분 같은데 수정해봐도 변화가 없습니다 





b908d8d7c24f507ad06b89ddbc99bb6a_1701151211_22.png 

  • 트위터로 보내기
  • 페이스북으로 보내기
  • 구글플러스로 보내기

댓글목록

Total 7건 1 페이지
질문답변 목록
번호 제목 날짜
7
시간 : 01-11
01-11
6
시간 : 11-29
11-29
5
시간 : 11-29
11-29
열람중
시간 : 11-28
11-28
3
시간 : 11-22
11-22
2
시간 : 11-17
11-17
1
시간 : 08-25
08-25
게시물 검색

카테고리

카테고리
질문답변
 메뉴얼