CSS3 텍스트 줄 바꿈 사용 방법 소개

高洛峰
풀어 주다: 2017-03-23 10:26:52
원래의
2938명이 탐색했습니다.

1.

현재 주류에서 지원됨:

text-overflow는 주로 텍스트 오버플로를 해결합니다.

값: 클립[기본값] | 만)

공백 포함 : nowrap ; 오버플로 : 숨김

사용 2.

word-wrap

값: 일반 [ 기본값] | break-word

--긴 단어 줄바꿈

word-break

값: Normal [기본값] | break-all

--CJK가 아닌("중국어, 일본어 및 한국어") 스크립트에 대한 줄 바꿈 규칙

CSS3 텍스트 줄 바꿈 사용 방법 소개

숨겨진 규칙 - 기본적으로(스타일을 작성하지 않음) 표시 규칙):

①단어 끝을 넣을 수 없습니다. 새 줄을 시작하세요.

②긴 단어가 너무 길고 문자가 연속되어 있습니다. 줄 바꿈하지 마세요

③긴 단어도 너무 좋습니다 길고 포함 대시: 보수적 중단

핵심: 위의 세 가지 무언의 규칙을 개선하기 위해 일반적으로 사용되는 다음 세 가지 스타일의 차이점

Word-wrap: break-word 긴 단어가 너무 깁니다. 문자가 연속적입니다. 문합 중단

                                                                                     ~ ~ 규칙 ① ②는 동일하게 유지]

word-break : break-all 단어의 끝은 올 수 없습니다 : break 같은 시간

긴 단어가 너무 길고 글자가 연속적임: 문합 깨짐

                                                                 길고 대시 포함: 일관된 중단

                                                                          특정 패턴에 따라 나누며, 꾸준한 휴식은 여백 없는 휴식입니다.

위 내용은 CSS3 텍스트 줄 바꿈 사용 방법 소개의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿