에티테마

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,158건 1 페이지
질문답변 목록
번호 제목 날짜
공지
시간 : 03-14
03-14
공지
시간 : 12-07
12-07
공지
시간 : 08-23
08-23
1155
시간 : 04-11
04-11
1154
시간 : 04-09
04-09
1153
시간 : 04-07
04-07
1152
시간 : 04-05
04-05
1151
시간 : 03-30
03-30
1150
시간 : 03-28
03-28
1149
시간 : 03-27
03-27
1148
시간 : 03-27
03-27
1147
시간 : 03-27
03-27
1146
시간 : 03-27
03-27
1145
시간 : 03-25
03-25
1144
시간 : 03-21
03-21
1143
재문의 댓글+ 1
시간 : 03-19
03-19
1142
시간 : 03-18
03-18
1141
시간 : 03-18
03-18
1140
시간 : 02-27
02-27
1139
시간 : 02-26
02-26
1138
시간 : 02-23
02-23
1137
시간 : 02-23
02-23
1136
시간 : 02-23
02-23
1135
시간 : 02-14
02-14
1134
시간 : 02-05
02-05
1133
시간 : 02-05
02-05
1132
시간 : 02-05
02-05
1131
시간 : 02-01
02-01
1130
시간 : 01-24
01-24
1129
시간 : 01-16
01-16
게시물 검색

카테고리

카테고리
질문답변
 메뉴얼