에티테마

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,251건 1 페이지
질문답변 목록
번호 제목 날짜
공지
시간 : 08-30
08-30
공지
시간 : 04-29
04-29
공지
시간 : 03-14
03-14
공지
시간 : 12-07
12-07
공지
시간 : 08-23
08-23
1246
시간 : 12-20
12-20
1245
시간 : 12-20
12-20
1244
시간 : 12-19
12-19
1243
시간 : 12-18
12-18
1242
시간 : 12-17
12-17
1241
시간 : 12-12
12-12
1240
시간 : 12-10
12-10
1239
시간 : 12-09
12-09
1238
시간 : 12-01
12-01
1237
시간 : 11-29
11-29
1236
시간 : 11-26
11-26
1235
시간 : 11-22
11-22
1234
시간 : 11-22
11-22
1233
시간 : 11-21
11-21
1232
시간 : 11-21
11-21
1231
시간 : 11-20
11-20
1230
시간 : 11-20
11-20
1229
시간 : 11-20
11-20
1228
시간 : 11-19
11-19
1227
시간 : 11-15
11-15
1226
시간 : 11-12
11-12
1225
시간 : 11-07
11-07
1224
시간 : 11-07
11-07
1223
시간 : 10-27
10-27
1222
시간 : 10-16
10-16
게시물 검색

카테고리

카테고리
질문답변
 메뉴얼