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%가 안됨

This entry was posted in HTML. Bookmark the permalink.