Rev. 2.73

break-word.gif
동적으로 생산되는 HTML에 CSS를 입히는 과정에서 문자가 자동으로 줄바꿈되지 않는 경험을 한 적이 있나요? 저는 한 때 이러한 현상에 대한 해결방법을 찾지 못해 overflow속성을 이용하여 모양이 흐트러지지 않도록 하는 등의 삽질을 했던 기억이 있습니다. Nick La씨는 이 문제를 시원하게 해결할 수 있는 방법을 정리하여 개시했네요. 위 그림처럼 숫자나 영문에 뛰어쓰기 없이 붙여쓰여진 문자는 요소의 너비를 무시하고 다음 공백이 나타날 때 까지 줄바꿈되지 않습니다. 이러한 현상을 방지하는 CSS 속성이 있습니다. 바로 word-wrap속성입니다. IE 5.5 이상, 파이어폭스 3.5 이상, 사파리, 크롬 등 모든 브라우저에 이 속성을 적용할 수 있습니다.

.break-word {
  word-wrap: break-word;
}

Comments

ColorTheory_Screen_White.jpg

컴퓨터에서 색상을 선정하는 방법으로 CMYK와 RGB 색상 이론을 이용할 수 있습니다. Gary Hartley씨는 이 두 색상 이론의 레퍼런스 시트를 한장으로 만들고 공개했습니다. CMYK는 청록, 자홍, 노랑, 검정의 네 색상으로 구성되어 있으며 종이에 인쇄하기 위해 고안된 컬러 모델입니다. RGB는 빨간색, 녹색, 파랑색의 세 가지 색상으로 구성되어 있으며 웹을 비롯한 모든 디지털 기기에 사용되기 위해 고안된 컬러 모델입니다. 멋지군요!

Comments