콘텐츠가없는 TD를 국경을 렌더링 할 수있는 방법은 무엇입니까?

StackOverflow https://stackoverflow.com/questions/602285

문제

TD에는 jQuery의 페이드 아웃 기능을 사용하여 제거한 DIV가 있지만 테두리가 마무리되면 테두리도 사라집니다.

나는 그것을 피하고 싶다. "" "(못 생겼다)를 추가하는 것 외에 다른 방법이 있습니까?

편집 : 나는 Internet Explorer (6 및 7)를 사용하고 있습니다.

도움이 되었습니까?

해결책

CSS :

table {
  empty-cells: show;
}

또한 IE가 작동하려면 IE를 표준 렌더링 모드에 넣어야합니다. DocType을 추가 한 후에는 적어도 IE8 (베타 2 이상)이 멋지게 재생됩니다.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
 "http://www.w3.org/TR/html4/loose.dtd">

IE7 이하는 여전히 그렇게하지 않습니다. 을지 지하다 empty-cells "부분적"(IE7 및 IE8 베타 1)이라고합니다. MS CSS 호환성 명령문. "부분적"이란 무엇이든, "쇼"를 구현하지 않고 "부분 지원"이라고 부를 수는 없습니다. 이 브라우저는 일반적으로 붕괴 된 테이블 경계를 통해 셀 테두리를 그릴 수 있습니다.

table {
  border-collapse: collapse;   
}

설정 empty-cells 무시됩니다. 그러나 국경을 무너 뜨리면 모든 브라우저가 무너진 경계를 표시하기 때문에 어쨌든 설정할 필요가 없습니다.

다른 팁

u003Ctd style="font-size: 1pt"> u003Ctd>

셀에 위탁 공간을 추가하십시오.

<td>&nbsp;</td>

해킹이지만 이미지를 추가하는 것보다 더 나은 해킹.

셀에 투명한 1px 이미지를 추가했습니다. Jukka "Yucca"Korpela가 제안합니다. 지금은 더 나은 대안이 없다면이 솔루션을 사용하겠습니다.

따라서 아래 테이블이있는 경우 :

<table border="1">
<tr>
 <td>Breakfast</td>
 <td><div id="foo">Lunch</div></td>
 <td>Dinner</td></tr>
</table>

그리고 당신은 jQuery, 점심으로 페이드 아웃, 왜 페이드 인으로 공란을 다시 가져 오지 않겠습니까?

아래처럼 :

$("#foo").fadeOut("slow").html('').fadeIn("fast");

정확히 달성하려는 내용에 따라 visibility-div의 분열 hidden 그것을 설정하는 대신 display-프로 테티 none, 즉 복원해야합니다 display 그리고 opacity 그리고 설정 visibility 전화 후 수동으로 fadeOut().

라이센스 : CC-BY-SA ~와 함께 속성
제휴하지 않습니다 StackOverflow
scroll top