단어 분리 작업 랩의 차이점에 대한 간략한 분석

단어 분리:【단어 분리】

정의: 자동 줄 바꿈 처리 방법을 지정합니다. 참고: 단어 분리를 사용하면 브라우저를 사용하여 어느 위치에서든 줄 바꿈할 수 있습니다.

문법: 단어 구분: Normal|break-all|keep-all;

默认值	normal
继承性	yes
版本	css3
Javascript语法	object.style.wordBreak="keep-all"

기본값

보통

상속

그렇습니다

버전

值	描述
normal	使用浏览器默认的换行规则。
break-all	允许在单词内换行。
keep-all	只能在半角空格或连字符处换行。

css3

자바스크립트 구문

object.style.wordBreak="모두 유지"

값	<span class="text-s">iIanishttp://3iuiuskjfksjj.com/test_abjcljlj/?daydayupdadyda=dayayupupdaalurupsjlsjfljlsfjljljouwrouowurouorwurouurowurouwruwouour</span> .text-s { display: inline-block; width: 240px; // word-break: keep-all; } 설명
보통	브라우저의 기본 줄 바꿈 규칙을 사용하세요.
완전히	단어 내에서 줄 바꿈을 허용합니다.
모두 유지	는 반자 공백이나 하이픈에서만 줄바꿈을 할 수 있습니다.

호환성:

예를 들어주세요:

단어 분리가 설정되지 않았습니다:

默认值：	normal
继承性：	yes
版本：	CSS3
JavaScript 语法：	object.style.wordWrap="break-word"

단어 구분 설정:break-all;

word-break:keep-all; 또는 word-break:normal; 설정

值	描述
normal	只在允许的断字点换行（浏览器保持默认处理）。
break-word	在长单词或 URL 地址内部进行换行。

단어 줄 바꿈:【줄 바꿈】 정의: 긴 단어나 URL 주소가 다음 줄로 넘어가는 것을 허용합니다. 구문: word-wrap: Normal|break-word;

기본값:	보통
상속:	예
버전:	CSS3
자바스크립트 구문:	객체.style.wordWrap="break-word"

값	설명
보통	허용된 하이픈 넣기 지점에서만 줄 바꿈합니다(브라우저는 기본 처리를 유지합니다).
단어 분리	긴 단어나 URL 주소 안에 줄을 바꿉니다.

호환성:

예: [위와 동일]

단어 줄 바꿈이 설정되지 않음:

단어 줄 바꿈 설정:일반;

단어 줄 바꿈:단어 단어 설정;

위의 밤나무 설정 word-break:break-all과 word-wrap:break-word의 차이점을 비교하세요

요약:

word-break: 줄 끝에 단어를 배치할 수 없는 경우 단어를 줄 안에 어떻게 배치할지 결정 => break-all:

강제 배치, 나머지를 압착할 수 없는 경우 디스플레이의 다음 줄로 변경합니다. keep-all: 맞지 않으면 다른 줄에 표시하고, 그래도 맞지 않으면 Overflow를 표시합니다.

word-wrap: 줄 끝이 맞지 않는 경우 단어 내에서 줄바꿈 허용 여부를 결정합니다 =>

일반: 단어가 너무 길면 한 줄을 초과하면 새 줄에 표시됩니다.

break-word: 단어가 너무 길면 먼저 줄 바꿈해 보세요. 단어 줄 바꿈 후에도 여전히 너무 길면

단어를 줄 바꿈할 수도 있습니다.

하나 첨부: 텍스트 양쪽 맞춤

속성: text-align:justify;

호환성: 매우 나쁨

텍스트 정렬:가운데;

텍스트 정렬:양쪽 정렬;

참고 블로그 게시물: http://www.alloyteam.com/2016/05/css-word-for-word-breaker-do-you-really-understand/