테이블 행을 겹치는 방법은 무엇입니까?

css 및 html 만 사용하여 테이블 행을 서로 겹치게 할 수 있습니까?테이블 행을 겹치는 방법은 무엇입니까?

도와주세요. 페이지가 여기에 있으며 사용자가 조건부 휴가를 선택할 때 다른 추가 필드가 있으면 입력하라는 메시지가 표시됩니다. 그러나 행이 겹치도록 설정할 수 있는지 여부를 알고 싶으면 테이블이 너무 길지 않을 것입니다.

http://www.tritech.com.sg/consultants/intranet/leave_application/leave_form/index.php

출처

2012-08-23 Mary Rose Geronimo Tabac

문제를 설명하는 jsfiddle.com 링크를 포함하여 달성하려는 내용에 대해 좀 더 구체적으로 설명 할 수 있습니까? 링크 한 페이지에 인증 오류가 표시됩니다. –

로그인이 필요합니까? 설명을 사용하려면 [jsfiddle] (http://jsfiddle.net/)이나 뭐 그런 ... – Champ

예, 그것은 요소가 겹치는 할 수 있도록 CSS와 HTML을 사용 가능한 IT 및하지만 그래서 당신이 겹쳐 해당 행의 내용을 일으킬 것이다 과정에서이 작업을 수행하는 많은 기술이있다. 실제로 콘텐츠를 숨기고 싶지 않으면 좋은 공간 절약 기술이 아닙니다. 행이나 셀에서 패딩을 줄이는 것이 좋습니다.

그렇게 말해 두 겠는데 ..

tr 
{ 
    display:block; 
    position:absolute; 
    height:15px; 
    top:0px; 
}

당신은 다음, 테이블 행처럼 행동을 중지 차단 위치를 설정 당신이 그들을 제어 할 필요가 방법에 따라 상대 또는 절대 중 하나를 배치해야합니다. 새로운 최상위 값을 일치하도록 설정하십시오. 이 스타일은 모든 표 행을 표의 맨 위에 맞 춥니 다. 표 안의 셀은 더 이상 요소에 구속되지 않습니다. 이는 표에서 튀어 나와서 숨겨져 야한다는 것을 의미합니다. using overflow:hidden;

이 질문에 답변하기를 바랍니다. 그러나이 질문에 답해 주시기 바랍니다. 내용을 표시 할 필요가 없으면 요소를 설정하십시오. display:none; 더 나은 효과가 있고 인라인 또는 클래스로 쉽게 전환 할 수 있습니다.

샘플 코드를 사용하면 P.S가 더 좋은 예가 될 것입니다.

출처

2012-08-23 09:48:33 Dpolehonski

테이블 행을 겹치는 방법은 무엇입니까?

답변

관련 문제