0
ie10은 colspan보다 미세한 경계를 보이지 않습니다.
다른 브라우저에서는 제대로 표시되지만 IE 10에서는 표시되지 않습니다. 아래 코드를 게시합니다.ie10 버크 모드에서 colspan 경계가 깨졌습니다.
HTML 코드 :
<table>
<thead>
<tr>
<td rowspan="2">1</td>
<td rowspan="2">2</td>
<td colspan="4">3</td>
<td rowspan="2">4</td>
</tr>
<tr>
<td>5</td>
<td>6</td>
<td colspan="2">7</td>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
<td colspan="3">4</td>
<td>5</td>
</tr>
</tbody>
</table>
CSS 코드 :
table tr td {
border: 1px solid black;
width: 100px;
}
table {
border-collapse:collapse;
}
국경 7에서 사라 졌어요. 어떻게 보여줄 수 있습니까? 여기
는 jsfiddle에 예입니다 http://jsfiddle.net/H4z7Q/
ADD : 일부 이벤트가 IE10에서 발생하면 테두리가 정상으로 돌아왔다.
'
프레임 = 상자를 테이블에서 인라인으로 사용하고 프레임 두께를 늘려 국경의 두께. 그러나 그것은 box-border 두께를 증가시킬 것입니다. 그건 당신이 2px의 모든 경계선을 가질 것이라는 것을 제외하고는 거의 당신의 문제를 죽일 것입니다. 그냥 당신이 "오래된 학교"방식으로 문제를 해결하기를 원한다는 것을 압니다. –
통해 UR 문제 chrice 것입니다 : "표 열 여섯 요소 TD 의해 설립 아무런 세포가 없습니다 그것에서 시작 ".
그래서 모든 배팅이 꺼져 있습니다. 테이블 구조를 수정하여 레이아웃 테이블이 아닌 다른 도구를 사용하여 원하는 레이아웃을 얻으십시오.
출처
2013-06-26 10:22:44
관련 문제