크롬 랩 looooooooooong html 소스 코드에서 '-'가 포함 된 단어

'-'가 포함 된 긴 단어는 크롬에서 HTML 소스 코드로 래핑 될 수 있습니다. 예를 들어, myfatherwasaself-taughtaaaaaaaaaaaaaaaaaaaa .... aaaaaaa라는 긴 단어가 있습니다.크롬 랩 looooooooooong html 소스 코드에서 '-'가 포함 된 단어

Chrome에서는 단어가 소스 코드와 렌더링 된 HTML 모두 '-'에서 깨지지만 Edge에서는 단어가 올바르게 표시됩니다. 이 수치는 더 분명 할 수 있습니다.

대비 도표 :

내 크롬 버전은 54.0.2840.59입니다 및 Edge 버전은 38.14393.0.0입니다. 누군가가 Chrome에서 '-'이 발생할 때 단어를 왜 감쌀 수 있는지 말해 줄 수 있습니까? Chrome에서 '-'를 특히 처리합니까? 비 분리 공백으로 ‑

유사 개념 :  

2016-10-21 Acceyuriko

가능한 복제 (http://stackoverflow.com/questions/7691569/no-line-break-after-a-hyphen) –

"올바르게 표시"된 정의는 무엇입니까? 스펙은이 케이스의 어떤 것도 말하지 않을 것이므로 "올바르게", "어떻게하면 좋을까" –

당신은 줄 바꿈하지 않는 하이픈을 사용해야합니다.

span { 
 
    white-space: nowrap; 
 
}

<span>myfatherwasaself-taughtaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa....aaaaaaaaaaaaaaaaaaaaaaaaaaaa</span>

[하이픈 후 없음 라인 브레이크]의

2016-10-21 05:04:15

를 또는 요소에게 white-space: nowrap; CSS 속성을 제공

2016-10-21 05:10:00

답변