>  기사  >  웹 프론트엔드  >  CSS 텍스트 줄 바꿈 속성 단어 줄 바꿈 및 공백

CSS 텍스트 줄 바꿈 속성 단어 줄 바꿈 및 공백

高洛峰
高洛峰원래의
2016-11-24 13:53:421686검색

오늘 나는 줄바꿈되지 않는 td 텍스트 콘텐츠를 발견했습니다. 공백: nowrap, 이는 텍스트가 줄바꿈되지 않도록 합니다. 그런데, 나는 word-wrap 속성을 살펴보았습니다. 요약은 다음과 같습니다.

white -space의 기본값은 일반이며 자동으로 줄을 바꿉니다.

word-break:break-all 및 word-wrap:break-word는 강제 줄 바꿈을 나타냅니다. 전자는 영어 문자가 너무 길면 자동으로 잘리고 후자는 전체 영어 단어를 줄 바꿈합니다!

그리고 저는 이렇게 자주 사용합니다:

word-wrap:break-word; Overflow:hidden;

IE에서는 문제가 없지만 FF에서는 긴 영어 단어 문자열 초과된 내용은 덮습니다

테이블의 td.th에서 강제 줄 바꿈 방법:





php diandiantong(www.phpddt.com) 원본 튜토리얼php diandiantong(www.phpddt.com) 원본 튜토리얼


성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.