모든 브라우저에서 공백 없이 요소의 텍스트를 래핑하는 방법은 무엇입니까?

모든 브라우저에서 공백이 없는 요소? " />

CSS:

에서 공백 없이 텍스트 감싸기

이 글에서는 공백 없이 텍스트를 감싸는 것과 관련된 문제를 다룰 것입니다. 이를 달성하기 위해 word-break 및 table-layout과 같은 다양한 CSS 속성이 사용되었습니다. Firefox 사용자에게는 래핑되지 않은 텍스트가 남습니다.

.wrapword {
  white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
  white-space: -webkit-pre-wrap; /* Chrome & Safari */
  white-space: -pre-wrap; /* Opera 4-6 */
  white-space: -o-pre-wrap; /* Opera 7 */
  white-space: pre-wrap; /* CSS3 */
  word-wrap: break-word; /* Internet Explorer 5.5+ */
  word-break: break-all;
  white-space: normal;
}

이 불일치를 해결하기 위해 다음 CSS 코드가 고안되었습니다.

<table>

이 코드를 사용하려면 랩워드 클래스를 원하는 <에 적용하세요. ;td> 테이블 레이아웃이 고정으로 설정되어 있는지 확인합니다. 예:이 CSS는 다음과 같습니다. 솔루션은 테스트를 거쳐 Firefox 5.0, Internet Explorer 8.0 및 Chrome 10에서 일관되게 작동하는 것으로 확인되었습니다.

위 내용은 모든 브라우저에서 공백 없이 요소의 텍스트를 래핑하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!