0
나는 모든 모바일 화면에 적합하기 때문에 phonegap에서 내 응용 프로그램 용 html 중 하나에 테이블을 구현하고 퍼센트로 정렬합니다. 테이블에서 TD 태그 너비가 HTML에서 제대로 정렬되지 않습니까?
난 (폭 = 100 % 높이 = 60 %)으로 테이블을 생성하고 테이블3 테이블 행 내 테이블 내부 포함한다.
- 각 테이블의 행에 포함 된 3 테이블 데이터
는 I는 태그 동일한 정렬 폭을 원한다.
이미 td 태그에 33 %를 할당했지만 에뮬레이터와 모바일을 체크인했을 때 td 태그의 너비가 올바로 지정되지 않았습니다.
제게 해결책을주십시오.
HTML 코드 :
<table class="metricTable" background="media/img/Game background.png">
<tr>
<td class="metrics">
<input type="hidden" value="matches"/><input class="card_value" type="hidden" value=""/> <div class="card_content" align="center" style="color:#FFFFFF"></div>
</td>
<td class="metrics">
<input type="hidden" value="runs"/><input class="card_value" type="hidden" value=""/><div class="card_content" align="center" style="color:#FFFFFF"></div>
</td>
<td class="metrics">
<input type="hidden" value="centuries"/><input class="card_value" type="hidden" value=""/><div class="card_content" align="center" style="color:#FFFFFF"></div>
</td>
</tr>
<tr>
<td class="metrics">
<input type="hidden" value="fifties"/> <input class="card_value" type="hidden" value=""/><div class="card_content" align="center" style="color:#FFFFFF"></div>
</td>
<td class="metrics">
<input type="hidden" value="batting_average"/>
<input class="card_value" type="hidden" value=""/> <div class="card_content" align="center" style="color:#FFFFFF"></div>
</td>
<td class="metrics">
<input type="hidden" value="wickets"/><input class="card_value" type="hidden" value=""/><div class="card_content" align="center" style="color:#FFFFFF"></div>
</td>
</tr>
<tr>
<td class="metrics">
<input type="hidden" value="bowling_average"/>
<input class="card_value" type="hidden" value=""/><div class="card_content" align="center" style="color:#FFFFFF"></div>
</td>
<td class="metrics">
<input type="hidden" value="best_bowling"/><input type="hidden" value=""/>
<input class="card_value" type="hidden" value=""/><div class="card_content" align="center" style="color:#FFFFFF"></div>
</td>
<td class="metrics ">
<input type="hidden" value="catches"/><input class="card_value" type="hidden" value=""/><div class="card_content" align="center" style="color:#FFFFFF"></div>
</td>
</tr>
</table>
CSS 코드 : 같은 폭을 갖 열 번
.metricTable {
width:100%;
height:60%;
}
.metricTable tr{
width:100% !important;
height:20% !important;
}
.metricTable td {
width:33% !important;
}
.metrics{
cursor:pointer;
font-size:14px;
}