HTML 양식의 표가 있습니다. 광학적 인 이유 때문에 높이가 고정되어 있습니다. 테이블의 행 수는 사용 가능한 양식 필드의 수에 따라 다릅니다.테이블 높이가 고정되고 행 수가 가변적 인 테이블 라인을 늘리지 마십시오?
문제점 : 행 수가 적 으면 모든 행이 수직으로 늘어나서 입력 요소 사이의 공간이 늘어납니다.
데이터 행에 고정 된 높이를 지정하면이 문제를 피할 수 있습니다. 나는 고정 된 높이가 없기 때문에 그 접근법을 좋아하지 않는다. (상대적 글꼴 크기, 접근성) 나는 미래의 문제들을 두려워한다. 예를 들어 IE9가 셀 높이를 문자 그대로 취하기로 결정한다고하자.
어떻게해야합니까? 나는 마지막 (공백) 행을 가지고 있지만 거기에 무엇을 넣을 지 전혀 모르기 때문에 모든 "사용 가능한"공간을 자동으로 차지합니다.
나는이 행할 수없는 생각의 나머지 부분을 차지하기 위해 마지막 행을 야기한다.
는 마지막 빈 행에 대한 100 % 셀 높이를 설정할 수 없습니다, 이것은 아마도 고정 된 공간
표를 모방 한 고정 된 높이의 div에 높이가없는 표를 놓으십시오 (border? bgcolor?).
실제로 빈 행 대신 tbody { display: inline; }을 수행하면 모든 실제 브라우저에서 작동합니다. 아니, MSIE에는 없습니다. tbody 요소는 MSIE에서 많은 단점을 가지고 있습니다. 그것은 또한 overflow: scroll;에 대한 능력이 부족합니다. 고정 헤더로 스크롤 가능한 테이블을 갖는 것이 좋습니다.
그래, 테이블 기반 웹 사이트는 연령을 넘어선 상태이지만 데이터를 표시하려면 테이블이 필요합니다. 사실 나는이 테이블 셀 자체에 행할 수없는 것을 페카에 동의해야하지만, 우리가 패션 수있는 일이있다 :
div과 스타일로 td 세포 내부의 데이터를 포장보십시오 높이 div 당신 원하는 overflow 속성을 hidden으로 설정하십시오.
저는 Internet Explorer에서 한 페이지 (또는 뷰포트) 높이를 차지할 것으로 확신합니다. 아마 작동하지 않을 것입니다. –