[css] word-break

회사에서 제작하고 있는 사이트가 Safari 브라우저를 지원하는데

 

URL을 넣는 부분에서 줄바꿈이 되지 않거나 어색하게 줄바꿈이 되는 현상을 발견했습니다.

 

찾아보니 Safari 에서 word-break 관련 이슈가 있다는 것을 알 수 있었습니다.

 

word-break: break-all;

여러 속성이 있는데 all르 적용하면 URL줄바꿈이 잘 되는 것을 알 수 있었습니다..

 

Safari.. 혼자 다른세상..

 

 

word-break 관련된 공식문서:

https://developer.mozilla.org/ko/docs/Web/CSS/word-break

word-break - CSS: Cascading Style Sheets | MDN