[개발] 프로그램 지식

[css] 줄바꿈, li태그안에서 영어 숫자 줄바꿈 안되는 경우

  • -
반응형

해당 style에

word-break: break-all;

추가해주면 

 

overflow-wrap: break-word;는 기본적으로 한국어와 같이 띄어쓰기가 있는 언어에서는 잘 동작하지만, 영어와 같이 띄어쓰기가 없는 언어에서는 단어를 끊지 않고 줄바꿈이 발생하지 않을 수 있습니다.

 

이런 경우에는 word-break: break-all; 속성을 사용하여 강제로 단어를 끊어서 줄바꿈하도록 설정할 수 있습니다.

반응형
Contents

포스팅 주소를 복사했습니다

이 글이 도움이 되었다면 공감 부탁드립니다.