Firefox에서 단어 분리 : 단어 분리 기능이 작동하지 않는 이유는 무엇입니까?

Question

나는 페이징 내부 사업부와 테이블이 있습니다

.wrapper tbody td {  
 
    word-break:break-word; 
 
}

<div class="wrapper"> 
 
    <table>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</table> 
 
</div>

이 CSS는 파이어 폭스 크롬을 위해 잘 작동하지만. 따라서 페이징 할 때 내 텍스트는 Firefox에서 제 div에 없습니다.

은 또한 다음과 같은 CSS How can I make Firefox word-break with CSS?

.wrapper tbody td { 
    word-break:break-all; 
    word-wrap: break-word; 
} 

을 읽은 후 파이어 폭스를 신청하지만 지금 word-wrap:break-word가 작동하지 않습니다. 대신 word-break:break-all이 작동합니다. word-break: break-word;을 Firefox에서 작동하도록 설정하고 텍스트의 단어를 분리 된 단어처럼 분리하려면 어떻게해야합니까?

Answer 1

단어 랩 : break-word 만 사용하십시오. word-break 대신 : break-all; word-break에 대한

.wrapper tbody td { 

word-wrap: break-word; 

    } 

Answer 2

유효한 구문은 다음과 같습니다

word-break: normal | break-all | keep-all; 

word-break: break-word; 특성은 표준이 아닌 웹킷 구현입니다. Firefox는 WebKit 렌더링 엔진을 사용하지 않기 때문에 Firefox에서는 해당 속성 값이 작동하지 않습니다.