테이블에 너비를 텍스트와 함께 변하지 않도록 설정하여 고정_HTML/Xhtml_웹페이지 제작이 가능하도록 합니다.

페이지의 표 너비를 width="600px"로 설정한 후에도 너비가 고정되지 않습니다. 텍스트가 너무 길면 줄바꿈되지 않고 표가 변형됩니다.

해결책:

1.table 너비를 설정합니다. 절대 너비와 상대 너비를 모두 사용할 수 있습니다.

table-layout:fixed
이 속성을 설정하고 다른 모든 td 모두 동일한 너비입니다.
추가




코드 복사


코드는 다음과 같습니다.

overflow:hidden; >white-space:nowrap; text-overflow:ellipsis; (현재 IE8에서만 테스트됨)

권장 방법(Zhang Lei의 2013-11-14) div를 사용하여 콘텐츠 제어 TD

TD에 추가

(1) 너비와 높이를 초과하는 텍스트는 자동으로 숨겨집니다.

복사 코드


코드는 다음과 같습니다.

aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa& lt;/div> (2) td의 너비가 길이를 초과할 때 자동 줄바꿈 설정

코드 복사

코드는 다음과 같습니다.

/td>

성명：

본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.