블로그에 포스팅할때, 유튜브나 구글지도를 html을 통해 본문에 삽입해주면 정렬이 중앙이 아닌 왼쪽으로 되는 경우가 있습니다. 이런 경우에는 직접 중앙정렬 값을 주어야하는데, 그 방법에 대해 알아보겠습니다. ... 가운데 ... 에 유튜브, 구글지도 html 값을 넣어주면 됩니다.
단어 단위로 줄바꿈을 하게 되면 PC에서는 그럭저럭 볼만하지만 모바일에서는 보기가 그다지 좋지 않습니다. 이러한 문제를 겪고 CSS 수정을 통해 문제해결을 하려 시도해봤지만, CSS에 대한 이해도가 부족한 탓인지 쉽지가 않았네요. 결국 한 블로그에서 해결방안을 찾아 여러분과 공유해보려고 합니다. 위의 사진은 결국 성공한 스샷입니다. 위처럼 수정을 해주면 됩니다. break-all이 글자단위로 줄바꿈을 하는 것을 말한다고 하니 핵심 구절이 되겠네요. 참고로 word-break가 아닌 word-wrap은 CJK(Chinese, Japan, Korea)와 같은 아시아계 언어는 해당되지 않는다고 합니다. 또, break-all는 normal과 같은 기능을 한다고 하고, break-word는 단어 단위로 끊어준다..