지정하려면 어떻게 해야 합 HTML 이나 CSS 절대의 최소 너비를 테이블 셀

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

  •  09-06-2019
  •  | 
  •  

문제

요약

는 가장 좋은 방법은 무엇인을 보장하는 테이블 세포 수보다 적은 특정 최소 너비입니다.

예

를 보장하고 싶은 모든 세포에서 테이블은 적어도 100px 넓은 관련의 폭 테이블의 컨테이너입니다.가 있다면 더 사용할 수 있는 공간 테이블에 세포를 작성해야하는 공간입니다.

브라우저 호환성

내가 가능하고 싶 솔루션을 찾을에서 작동하는

  • IE6-8
  • FF2-3
  • 사파리

우선 순위입니다.

도움이 되었습니까?

해결책

이 CSS 충분해야 합:

td { min-width: 100px; }

그러나 그것은 항상 순종하여 올바르게(min-width 속성이)의 모든 브라우저(예를 들어,IE6 하는 것과 싫어하는것이 좋은 거래).

편집: 로에 대한 IE6(전)솔루션은 없는 한 안정적으로 작동하고 모든 상황에서,멀리로 나가 알고있다.를 사용하 nowrap HTML 속성 없이 정말로 원하는 결과를 달성하는 것과,그냥을 방지 라인에서 나누,세포보다는 지정하는 최소한 폭입니다.

그러나,경우 nowrap 와 함께 사용하여 일정한 세포 width 속성(예를 사용하여 폭:100px),의 역할을 100px 아 최소 너비와 셀룰라는 여전히 확장과 텍스트(인 nowrap).이것은 이상적 솔루션을 할 수 없습니다 완전히 사용하여 적용 CSS 고,이와 같이,하는 것은 번거로운 작업을 구현하면 당신은 많은 테이블을 적용하고 싶은 이니다.(물론,이 대체 솔루션이 아래로 떨어지하려는 경우 동적인 라인에서 휴식세포,어쨌든).

다른 팁

또 다른 해킹 전 1x1 투명한 픽셀이다.삽입 1x1 투명한 gif 이미지 설정에서 폭 태그 이미지 너비를 원합니다.이것은 세포에서 최으로 넓은 이미지입니다.

이것이 오래된 질문이지만 난 뭔가를 공유하는 언급되지 않았(지만 아주 간단한 개념에서..)할 수 있습니다 그냥 넣 <div> 테이블 내부에서(중 하나 <td>'s 거나 뭔가)설정 <div> 하기 min-width.테이블에서 중 <div>의 너비가 있습니다.았다고 생각한 던지는 경우가 누군가 이에 google.또한,나는 확실하지 않는 방법에 대해 min-폭로 처리됩 I.E6.하지만 이미에 덮여 있는 또 다른 대답이다.

나는 몇 가지 성공으로:

    min-width: 193px;
    width:auto !important; 
    _width: 193px;  /* IE6 hack */

의 조합을 기반으로 바토스'응답 및 분 높이 제기: http://www.dustindiaz.com/min-height-fast-hack/

에 대해 무엇이 css 시설

min-width: 100px

하지만 그것은 작동하지 않 IE6 에서 착각하지 않는 경우

당신이 원하지 않는 경우에 그것을 할 css 방법,난 당신을 추가할 수 있는 이 특성 

nowrap="nowrap"

테이블에서 데이터 태그

이것은 크로스 브라우저는 방법에 대한 설정의 최소 너비 및/또는 최소 높이:

{
width (or height): auto !important;
width (or height): 200px;
min-width (or min-height): 200px;
}

IE6 지를 이용할 수 있습니다.중요한
IE6 볼 width/height:200px(덮어 쓰기 자동차)

다른 브라우저를 이해하 min-고!중요한

나는 100%잘 알고 행동의 폭 TD 요소이지만,이 모든 작품에 잘 예 DIV 태그

BTW:

의 조합을 기반으로 바토스'응답 및 분 높이 제기: http://www.dustindiaz.com/min-height-fast-hack/

이것은 작동하지 않기 때문에 주의 첫번째 2 개 라인,그들이 할 필요가 올바른 순서로(에 대해 생각상);)

IE6 처리 폭로 min-width:

td {
    min-width: 100px;
    _width: 100px;/* IE6 hack */
}

하려면 6 으로 처리 폭 정 브라우저에게 오버플로우:visible;(지 않는 경우 여기)

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