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

1.

현재 주류에서 지원됨:

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

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

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

사용 2.

word-wrap

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

--긴 단어 줄바꿈

word-break

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

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

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

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

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

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

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

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

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

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

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

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

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

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