1. 줄 바꿈을 강제로 사용하지 않고 줄임표로 끝냅니다.
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 예시는 위와 동일하지만 줄 끝이 전체 단어를 표시할 만큼 넓지 않은 경우 전체 단어를 축하한다는 차이점이 있습니다. , 단어를 자르지 않고 자동으로 전체 단어를 입력합니다.