지역 사회 배우다 도구 라이브러리 여가
찾다
한국어
집 > 웹 프론트엔드 > HTML 튜토리얼 > 본문

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

WBOY
풀어 주다： 2016-05-16 16:38:52
원래의
1627명이 탐색했습니다.

페이지의 표 너비를 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>
관련 라벨：
table 너비
원천：php.cn
이전 기사：HTML 멀티헤더 테이블 코드_HTML/Xhtml_웹페이지 제작 다음 기사：html 팝업 div를 사용하면 모바일 센터링_HTML/Xhtml_웹 페이지 제작이 매우 쉽습니다.
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
최신 이슈
jquery를 사용하여 HTML 데이터 테이블에서 선택되지 않은 행의 값을 검색하는 방법 버튼을 클릭하지 않은 모든 행의 값을 얻으려고합니다. 예를 들어, 첫 번째 행의 버튼을 클릭했을 때 클릭되지 않은 행의 값을 검색하고 싶습니다. vartable=...
에서 2024-04-05 09:26:49
0
1
1418
mysql에서 중첩된 관련 값 검색 데이터베이스의 여러 항목을 기반으로 관련 값을 검색하려고 합니다. 저는 JOIN 등을 사용할 때 MySQL을 처음 접했고 불필요하게 PHP를 사용하지 않으려고 노...
에서 2024-04-04 17:29:06
0
2
365
특정 클릭 이벤트를 수신하고 다른 클릭 이벤트는 억제하는 방법은 무엇입니까? 내 웹 애플리케이션에는 각 행이 특정 URL(<table><trdata-url="https://www.google.com">...
에서 2024-04-04 16:55:27
0
1
317
수직으로 회전된 표 제목, 중앙 + 하단 정렬, 브라우저 간 Chrome에서는 예상대로 보이지만 Firefox에서는 그렇지 않은 회전된 헤더가 있는 테이블이 있습니다. Chromev108(수직 하단, 수평 중간) ✅Fire...
에서 2024-04-04 16:45:25
0
1
330
고정 헤더와 회전된 열 헤더가 있는 테이블 고정된 헤더와 고정된 첫 번째 열이 있는 테이블이 있습니다. 또한 열 머리글을 45도 회전하고 싶습니다. 고정 제목에는 배경색을 설정해야 합니다. 그러나 다음 열...
에서 2024-04-03 08:50:32
0
1
362
관련 주제
더>
인기 추천
인기 튜토리얼
더>
관련 튜토리얼
인기 추천
최신 강좌
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿