에티테마

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 1,227건 1 페이지
질문답변 목록
번호 제목 날짜
공지
시간 : 08-30
08-30
공지
시간 : 04-29
04-29
공지
시간 : 03-14
03-14
공지
시간 : 12-07
12-07
공지
시간 : 08-23
08-23
1222
시간 : 12:35
12:35
1221
시간 : 10-14
10-14
1220
시간 : 10-12
10-12
1219
시간 : 10-11
10-11
1218
메뉴설정 댓글+ 6
시간 : 10-04
10-04
1217
메일문의 댓글+ 8
시간 : 10-04
10-04
1216
게시판 url 댓글+ 1
시간 : 09-27
09-27
1215
시간 : 09-27
09-27
1214
시간 : 09-24
09-24
1213
시간 : 09-20
09-20
1212
시간 : 09-14
09-14
1211
시간 : 09-13
09-13
1210
테마문의 댓글+ 2
시간 : 09-12
09-12
1209
테마 문의 댓글+ 2
시간 : 09-11
09-11
1208
시간 : 09-06
09-06
1207
시간 : 09-05
09-05
1206
시간 : 08-29
08-29
1205
시간 : 08-18
08-18
1204
시간 : 08-06
08-06
1203
시간 : 08-04
08-04
1202
시간 : 07-31
07-31
1201
시간 : 07-26
07-26
1200
시간 : 07-26
07-26
1199
시간 : 07-26
07-26
1198
시간 : 07-25
07-25
게시물 검색

카테고리

카테고리
질문답변
 메뉴얼