>  기사  >  웹 프론트엔드  >  CSS 자동 줄 바꿈

CSS 자동 줄 바꿈

高洛峰
高洛峰원래의
2016-10-19 10:16:051694검색

방법 1: 먼저 표의 너비를 고정합니다. 즉, 표에 너비 값(퍼센트가 아닌 숫자 값)을 지정합니다.

방법 2 : 줄 바꿈 강제 없음

 div{//white-space: 줄 바꿈 없음; 일반 기본값; 이제 랩은 텍스트 끝까지 또는 br 개체를 만날 때까지 모든 텍스트를 동일한 줄에 표시합니다. space:nowrap; }

방법 3: 자동 줄 바꿈

div{ word-wrap: break-word; 아시아 언어 및 비아시아 언어에 대해 강제 줄 바꿈 설정, 허용 단어 구분: 일반 }

방법 4: 강제 영어 word line break

div{word-break:break- all;}

참고:

는 웹 페이지가 "늘어나는" 것을 방지하기 위해 CSS에서 다음 문장을 정의합니다. :

table{table-layout:fixed;}td(word-break: break-all; word-wrap:break- word;)

테이블/레이어가 "늘어나는" 것을 방지하는 동시에 줄바꿈 시 단일 영어 단어가 분리되지 않도록 합니다.

table { 테이블 레이아웃: 고정;word-wrap:break-word;}

div { word-wrap:break-word;}


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