8가지 간단한 css tip!

html 2008.04.10 18:58 |

출처 : http://cssglobe.com/post/1392/8-premium-one-line-css-tips


1. line-height 로 수직정렬을...

line-height:24px;

샘플보기

2. 너무 큰 내용으로 인해 Float 을 사용한 페이지 레이아웃이 깨지는 것을 막기위해
#main{
overflow:hidden;
}

관련글

3. 링크가 너무 길어 두줄로 되는 것을 막기위해
a{
white-space:nowrap;
}

4. 파폭의 스크롤바 항상 보이게 하기
html{
overflow:-moz-scrollbars-vertical;
}
파폭유저가 아니라서 왜 필요한지 잘 이해를 못했다.
다만 수직스크롤바가 default 로 감춰져 있다고 한다.

5. 블록형(한 단으로 보여지는..인라인형은 쭉 일렬로 정렬되는 것) 엘리먼트 수평 가운데 정렬하기
margin:0 auto;

6. IE 에서 textarea 의 수직 스크롤바 제거하기
textarea{
overflow:auto;
}
IE 에서 textarea 의 수직스크롤은 default 다.

7. 프린트시 페이지 나누기
h2{
page-break-before:always;
}
프린트시 강제로 페이지를 나누기라는데...해보지는 않았다.

8. 링크에 점선으로 된 박스 테두리 없애기
a:active, a:focus{
outline:none;
}
링크를 클릭할때 포커스가 옮겨가면 생기는 점선 테두리를 없애주는 거란다.
신고

댓글을 달아 주세요