2016-08-21 2 views
1

아래의 CSS 클래스를 사용하여 너비가 고정되어 있지 않은 긴 단어를 고정하고 Firefox 및 Windows Phone에서 작동하지 않습니다.Windows에서 작동하지 않는 긴 단어의 줄 바꿈

-ms-word-break: break-all;  
word-break: break-all;  
word-break: break-word;  
-webkit-hyphens: auto;  
-moz-hyphens: auto;  
-ms-hyphens: auto;  
hyphens: auto;  
width:100%; 

아무도 도와 줄 수 있습니까?

답변

0
word-break: break-word; 

코드에서이 문은 관련 속성에 대해 잘못된 값을 사용합니다. break-word 값은 word-wrap 속성에 사용됩니다. 또한 텍스트가 파손될 경우 설정 비율을 사용하고 있는지 괜찮지 만, 당신은 할 경우 :

width: 100%; 

이것은 당신이 100 % 표시 될 때까지 텍스트를 헤어지고 싶어하지 않는 브라우저를 말하고있는 텍스트 중단이 전혀 보이지 않는 이유에 대한 책임을 질 수 있습니다. 나머지 코드는 볼 수 없지만 이러한 속성을 사용하면 중단하려는 텍스트의 .HTML에있는 부모 요소에 lang 특성을 정의한다고 가정합니다. 브라우저에 허용되는 위치를 알려줍니다 텍스트를 어기는 것. 일부 언어는 중국어와 같은 텍스트를 어기는 것을 허용하지 않으므로 이것이 중요합니다. 이것이 당신이 찾고있는 해답이 아니면 추가 코드를 포함 할 수 있습니다. 그래서 당신이 직면하고있는 문제점을 더 잘 이해할 수 있습니다.