> 웹 프론트엔드 > CSS 튜토리얼 > HTML div CSS는 줄 바꿈 없이 줄 바꿈을 강제합니다.

HTML div CSS는 줄 바꿈 없이 줄 바꿈을 강제합니다.

高洛峰
풀어 주다: 2016-11-24 13:39:12
원래의
4771명이 탐색했습니다.

1. 줄 바꿈을 강제로 사용하지 않고 줄임표로 끝냅니다.


안녕하세요 친구, 친구, 왜 효과가 보이지 않나요? ?

2. CSS는
div{ word-wrap: break-word; word-break: Normal; break

div {word-break:break-all;}

div가 중첩되어 있고 내부 div가 내용에 따라 자동으로 줄 바꿈되도록 하려면 외부 div의 너비와 흰색만 설정할 수 있습니다. -스팬스:이제 랩합니다.

word-break:break-all 및 word-wrap:break-word는 둘 다 DIV와 같은 컨테이너의 내용을 자동으로 래핑할 수 있게 해줍니다.
차이점은 다음과 같습니다.
1, word-break :break -all 예를 들어 div의 너비가 200px인 경우 해당 내용은 자동으로 200px로 줄 바꿈됩니다. 줄 끝에 긴 영어 단어(축하합니다 등)가 있는 경우 해당 단어를 잘라내어 conra로 변환합니다. (축하합니다) 줄 끝 부분입니다. 다음 줄은 tulation (conguatulation)의 뒷부분입니다.
2. word-wrap:break-word 예시는 위와 동일하지만 줄 끝이 전체 단어를 표시할 만큼 넓지 않은 경우 전체 단어를 축하한다는 차이점이 있습니다. , 단어를 자르지 않고 자동으로 전체 단어를 입력합니다.

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿