uulog

<pre> 태그에서 문자 단락을 자동으로 조절하는 CSS

보통 글을 강조하거나 소스 코드를 나타낼 때 pre 태그를 쓴다. p 태그로 길게 쓴 글을 발행하면 PC 화면에서는 이상 없이 출력되는데 모바일 화면으로 보면 화면 밖으로 잘리는 현상이 있다. 손가락 터치로 옆으로 쓸면 글이 보이지만 그럴 필요 없이 자연스럽게 자동으로 줄바꿈 해주는 CSS 속성이 있다.

아래 코드를 블로그 관리 > 스킨 편집 > CSS에 쓰고 저장하기만 하면 간단하게 해결된다.

 paragraph {
     white-space: pre-wrap;
}

블로그의 정보

uulog

chaz.uu

활동하기