높이 100% 레이어
<html>
<head>
<style>
BODY {height:100%;}
DIV {height:100%;}
</style>
</head>
<body>
<div>높이 100%</div>
</body>
</html>
레이어 수직중앙정렬 가운데로 맞추기
.verticalmiddle {height:150px; line-height:150px;}
줄바꿈 금지
.nobr1 {white-space:nowrap;}
.nobr2 {white-space:nowrap; overflow:hidden;}
파이어폭스의 스크롤바 보이게 하기
IE와 다르게 FF에서는 기본적으로 스크롤바가 나타나지 않습니다.
해당 CSS를 추가하면 FF에서 스크롤바를 나타나게 할 수 있습니다.
html {overflow:-moz-scrollbars-vertical;}
블록 엘리먼트 수평 중앙정렬 하기
.div {width:500px; margin:0 auto;}
IE의 textarea에서 스크롤바 감추기
BODY {overflow:auto;}
TEXTAREA {overflow:auto;}
출력시 페이지 넘김 처리하기
웹페이지 출력시, h2 엘리먼트가 있는 위치를 기준으로 다음페이지에 출력하게 할 수 있습니다.
h2 {page-break-before:always;}
2016/11/10 - [IT/php] - php mb_strtoupper 대문자변환
2016/11/09 - [IT/css] - css 툴팁 만들기
2016/11/09 - [IT/php] - php strtolower 문자열 소문자 변환
2016/11/09 - [IT/php] - php strripos 문자열 마지막 위치 알아내기
'IT > css' 카테고리의 다른 글
| CSS를 삽입하는 3 가지 방법 (0) | 2016.12.19 |
|---|---|
| CSS 코멘트 삽입 (0) | 2016.12.19 |
| CSS 구문 강좌 (0) | 2016.12.19 |
| 레이아웃 없는 이미지 롤오버 테두리 (0) | 2016.11.13 |
| css 툴팁 만들기 (0) | 2016.11.09 |