IE, EDGE 및 Firefox에서 단어 분리가 작동하지 않습니다.

단어 분리 : 단어 분리는 단어, 즉 Firefox에서 지원되지 않습니다. 공백이있는 경우 공백이 있으면 공백이 없으면 공백이 없으면 직접 공백을 넣으십시오 (크롬 또는 사파리에서 바이올린을 확인하십시오). MS edge로, IE와 Firefox는 break-word를 지원하지 않습니다. break-all을 사용해야했지만 문장에 공백이있는 경우에도 중간에 단어가 나옵니다. IE, EDGE 및 Firefox에서 단어 분리가 작동하지 않습니다.

내가 여기 여기

를 사용할 수있는 CSS는 바이올린 텍스트를 다른 브라우저에서 그것을 시도하고 당신은 내가

https://jsfiddle.net/emx9bL3y/7/

@supports (-ms-ime-align:auto) { 
.white-space-pre-wrap{ 
word-wrap:break-word!important; 
word-break:break-all!important; 
display:inline-block; 
} 
}

감사를 얻고 문제를 얻을 것이다있다가

용액은 Breaking words using CSS 은 labe l는 고정 폭을 가져야하지만이 경우 라벨 폭은 화면의 너비에 따라 200px가 될 수 있습니다. 따라서 화면 크기가 커지면 레이블의 너비가 커집니다.

출처

2017-03-16 Anurag.Desai

가능한 복제 (http://stackoverflow.com/questions/7370704/breaking-words-using-css) 난에 폭을 추가 할 수 없습니다 – TylerH

TylerH 내 솔루션은 텍스트 레이블의 너비가 다를 수 있습니다. 이 경우 고정 너비를 지정할 수 없습니다. –

이 코드를 확인하십시오, 작동하고 있습니다. [CSS를 사용하여 실연 단어]의

.word-breck { 
 
    width: 100%; 
 
    border: solid 1px #ccc; 
 
    word-wrap: break-word; 
 
}

<div class="word-breck"> <p>Itisalongestablishedfactthatareaderwillbedistractedbythereadablecontentofapagewhenlookingatitslayout.ThepointofusingLoremIpsumisthatithasamore-or-lessnormal.</p> 
 
</div>

출처

2017-03-16 12:58:34

다른 브라우저가 아닌 크롬 및 사파리에서만 작동합니다. 그들이 break-word 속성을 지원하지 않기 때문에 가장자리, 즉 firefox에 대한 수정이 필요합니다. –

IE, EDGE 및 Firefox에서 단어 분리가 작동하지 않습니다.

답변

관련 문제