CSS tip

문자를 중앙에 표시하기 문자를 종으로 중앙에 표시하려면 height와 line-height를 같은 값으로 설정해 왔는데 아래의 방법 또한 가능하다. display: table-cell; vertical-align: middle;

width:100%에 대해서

width:100%는 표시영역자체를 지정하므로 padding이나 border를 같이 사용하면 화면의 폭을 넘어서 표시된다. padding이나 border를 포함하여 width를 지정하고 싶은 경우는 box-sizing:border-box; 도 같이 설정한다. 단 주의사항이 있다. http://html-five.jp/522/ (예) width:100%가 안됨 ]]>