일반적인 HTML 줄 바꿈 동작은 무엇입니까?

Question

공백과 같은 HTML 행을 깨뜨릴 수있는 캐랙 터 및 요소 목록을 찾고 있지만 정상적인 HTML 줄 바꿈 동작의 정의로 인터넷에서 어떤 페이지도 찾을 수 없습니다. 나는 그 발견 :

• divisable 공간,
• 탭,
• 새로운 라인
• 이하 (아시아)
• 제로 폭 공간 "-"
• 소프트 하이픈

"pre"태그에서 깨지기를 기대하지 않습니다!

Answer 1

정확하게 이해하면 soft wrap opportunity을 만드는 문자를 알고 싶습니다. 즉, 줄 바꿈을 사용하여 측정 값 안에 내용을 맞출 수 있습니다.

대답

는 완전히 정의되지 않은 점이다, 그리고 언어에 따라 달라집니다 : 대부분의 쓰기 시스템에서

는 하이픈의 부재에 soft wrap opportunity는 단어 경계에서 발생한다. 많은 이러한 시스템은 단어를 명시 적으로 분리하기 위해 공백이나 구두점을 사용하며이 문자로 soft wrap opportunities을 식별 할 수 있습니다. 그러나 태국어, 라오 어 및 크메르어와 같은 스크립트는 개의 단어에 공백이나 구두점을 사용하지 않습니다. 제로 너비 공간 (U + 200B)은이 스크립트에서 으로 명시 적 단어 구분 기호로 사용할 수 있지만 공통이 아닙니다.

[...] CSS는 소프트 랩핑이 발생하는 곳을 완전히 정의하지 않지만 일반적인 변형을 구분하기 위해 일부 컨트롤이 제공됩니다.

당신은 부분적으로 문자 사이의 부드러운 랩 기회를 허용 할 수있는 포장은 문장 부호 및 기호

word-break와 상호 작용하는 방법을 지정하려면

• line-break 같은 일부 CSS 속성을 사용하여이 동작을 제어 할 수 있습니다
• hyphens은 하이픈이 더 많은 랩 랩을 만들 수 있는지 여부를 제어합니다.
• 당신이 부드러운 랩 기회를 만들 문자의 전체 목록을 원하는 경우 오버 플로우를

을 방지하기 위해 워드 내에서 임의의 중단을 허용 할 수 있습니다 5,717,153,210, 당신은 JS를 사용할 수 있습니다

var log = console.log; 
 
console.log = Function.prototype; 
 
console.config({maxEntries: Infinity}); 
 
console.log = log; 
 

 
var test = document.createElement('div'); 
 
test.className = 'test'; 
 
document.body.appendChild(test); 
 
for (var i=0; i<0xffff; ++i) { 
 
    var char = String.fromCharCode(i); 
 
    test.textContent = 'a' + char + 'b'; 
 
    if (test.clientHeight > 1) { 
 
    console.log(i.toString(16) + ': ' + JSON.stringify(char)); 
 
    } 
 
} 
 
document.body.removeChild(test);

.test { 
 
    width: 0; 
 
    line-height: 1px; 
 
} 
 
div.as-console-wrapper { 
 
    max-height: 100%; 
 
}