2014년 4월 27일 일요일

CSS white-space

white-space
공백문자 처리방법

normal
정해진 영역에 따라 줄이 바뀜. 일반적인 것

ex)
동해물과 백두산이 마루고 닳도록 하느님이 보우하사 우리나라만세
무궁화 삼천리 화려강산 대한사람대한으로 길이 보전하세



pre
마크업에서 엔터 친 부분에서 줄이 바뀜.
정해진 영역에서 벗어날수도 있음.

ex)
동해물과 백두산이 마루고 닳도록 하느님이 보우하사 우리나라만세
무궁화 삼천리 화려강산 대한사람대한으로 길이 보전하세



nowrap
줄바뀜없음.

ex)
동해물과 백두산이 마루고 닳도록 하느님이 보우하사 우리나라만세
무궁화 삼천리 화려강산 대한사람대한으로 길이 보전하세



pre-wrap
pre와 같이 엔터 친 부분에서 줄바뀜이 일어나고, 정해진 영역에서도 줄바뀜이 일어남

ex)
동해물과 백두산이 마루고 닳도록 하느님이 보우하사 우리나라만세
무궁화 삼천리 화려강산 대한사람대한으로 길이 보전하세



pre-line
정해진 영역에서 줄이 바뀌고, 엔터친 부분에서도 줄이 바뀜.

ex)
동해물과 백두산이 마루고 닳도록 하느님이 보우하사 우리나라만세
무궁화 삼천리 화려강산 대한사람대한으로 길이 보전하세