줄바꿈 없이 HTML 테이블을 표시하는 방법

줄 바꿈 없이 HTML 테이블을 표시하는 방법: 먼저 해당 HTML 코드 파일을 연 다음 "word-break: keep-all;word-wrap:break-word;" 스타일을 추가합니다. 이렇게 하면 줄바꿈 없이 표시되는 효과를 얻을 수 있습니다.

이 기사의 운영 환경: Windows7 시스템, HTML5&&CSS3 버전, Dell G3 컴퓨터.

html 테이블에 줄 바꿈을 표시하지 않는 효과

테이블에서 셀에 줄 바꿈이 필요하지 않으면 테이블 아래의 td 및 th에 스타일을 추가하세요.

word-break: keep-all;
word-wrap:break-word;

word-break: keep-all; 상황은 중국어입니다.

word-wrap:break-word; 영어는 줄바꿈하지 않습니다.

중간에 공백이 있으면 기본적으로 공백에서 줄 바꿈됩니다. 줄 바꿈이 필요하지 않은 경우 다음 스타일을 사용하세요.

white-space: nowrap;

이 경우 일반적으로 표의 너비를 설정할 필요가 없으며 내용에 따라 표가 자동으로 조정됩니다

[추천 학습: HTML 비디오 튜토리얼]

위 내용은 줄바꿈 없이 HTML 테이블을 표시하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!