[CSS] 블로그 포스트에서 자동줄바꿈이 되지 않는 경우 해결방법

  

블로그에 포스팅을 하다보면 글이 길어질때 자동 줄바꿈이 되지 않고 튀어나오는 경우가 많다. 주로 링크가 길 경우 모바일에서 일어난다. 아래는 예시이다.

[CSS] 블로그 포스트에서 자동줄바꿈이 되지 않는 경우 해결방법

 

그럴경우에 사용하는 간단한 태그가 바로 word-break: break-all; 속성이다.

사용방법은 아래와 같다.

 

<p style=word-break: break-all;>내용</p>

 

<p style=word-break: break-all;>블로그에 포스팅을 하다보면 글이 길어질때 자동 줄바꿈이 되지 않고 튀어나오는 경우가 많다. 그럴경우에 사용하는 간단한 태그 word-break: break-all</p>

블로그에 포스팅을 하다보면 글이 길어질때 자동 줄바꿈이 되지 않고 튀어나오는 경우가 많다. 그럴경우에 사용하는 간단한 CSS 스타일 시트 태그 속성 word-break: break-all 속성

<p style=word-break: break-all;>를 쓴 경우 긴 링크가 있는 경우도 자동 줄바꿈이 된다.  글상자 태그인 div태그에 써도 된다.

블로그에 포스팅을 하다보면 글이 길어질때 자동 줄바꿈이 되지 않고 튀어나오는 경우가 많다. 그럴경우에 사용하는 간단한 태그 word-break: break-all 안쓴 경우는 주로 웹페이지 링크에서 문제가 발생한다. 데스크탑에서는 문제를 인지하지 못하다가 모바일에서 확연히 드러나게된다. https://techwillgo.com/entry/CSS-%EB%B8%94%EB%A1%9C%EA%B7%B8-%ED%8F%AC%EC%8A%A4%ED%8A%B8%EC%97%90%EC%84%9C-%EC%9E%90%EB%8F%99%EC%A4%84%EB%B0%94%EA%BF%88%EC%9D%B4-%EB%90%98%EC%A7%80-%EC%95%8A%EB%8A%94-%EA%B2%BD%EC%9A%B0-%ED%95%B4%EA%B2%B0%EB%B0%A9%EB%B2%95

copyright(c) techwillgo.com all rights reserved.
컨텐츠 무단 전재, 복사, 배포 금지