자동 크기 조정 테이블의 테이블 데이터 내용을 채우는 방법은 무엇입니까?

현재 서로 옆에있는 두 개의 테이블 열에서 내용이 같은 높이 여야합니다. 고전적으로 들리지만, 테이블/행/셀은 매번 다를 것이기 때문에 고정 된 높이를 부여 할 수 없습니다.자동 크기 조정 테이블의 테이블 데이터 내용을 채우는 방법은 무엇입니까?

가 I이 예 케이스 간략화했습니다

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 

<html xmlns="http://www.w3.org/1999/xhtml" > 
<head><title>Test</title><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /></head> 
<body> 

<table cellspacing="0" cellpadding="0" style="width: 500px; border: 2px solid blue;"> 
    <tr> 
     <td style="height: 100%;"><div style="height: 100%; background-color: yellow;">left<br />left<br />left<br />left<br />left</div></td> 
     <td style="height: 100%;"><div style="margin-left: 20px; height: 100%; background-color: yellow;">right</div></td> 
    </tr> 
</table> 

</body> 
</html>

그래서 I는 테이블/행/셀을 부여하지 않고, 동일 높이로 황색 블록하려는을/상대적이다 (일정한 폭 div에 벌금). 나는 테이블 셀에 노란 배경을 줄 수 있다는 것을 알고 있습니다. 그러나 이것은 최소화, 이동 등의 방법으로 블럭을 단순화 한 예제입니다. 따라서 테이블 셀에 색상을 지정하는 것은 옵션이 아닙니다. 테이블을 사용하는 것은 필요하지 않지만이 경우를 설명하는 것이 더 나을 것이라고 생각했습니다.

답장을 보내 주셔서 감사합니다.

출처

2010-03-01 Herman Cordes

나는 정확하게 당신의 문제를 이해하고 있는지 모르겠다. 그러나 당신은 div에 100 %의 높이를주고 그것도 100 %의 부모가있다. 그러나 분명히 div와 td 이후에는 작동하지 않을 것이다. 100 %를 계산할 상대 값입니다.

해결책으로 가짜 열로 해결할 수 있습니다. 따로 명부는 그것에 관하여 좋은 기사가있다 http://www.alistapart.com/articles/fauxcolumns/.

출처

2010-03-01 16:25:08 easwee

좋아요. td에는 계산할 상대가 없습니다. 100 %가 '런타임'에있는 공간을 대표하기를 희망했습니다. 운수 나쁘게. 이 특별한 경우에 가짜 열은 불행히도 옵션이 아닙니다. 나는 자바 스크립트/jquery 두 열 모두 동일한 높이를 얻으려면 것입니다 같아요. –

자동 크기 조정 테이블의 테이블 데이터 내용을 채우는 방법은 무엇입니까?

답변

관련 문제