CSS와 관련된 팁이 있는 곳입니다. 좋은 자료 공유해 주세요.
글 수 52
0
조회 수 : 19637 신고 : 0
![title: [ani]깜빡이는 표정](http://web.webmini.net/./files/iconshop/74a37aadbde84c591808859b369e85e0.gif "title : [ani]깜빡이는 표정")
빽짱구| 미리보기 : |
|---|
div 로 전체 가로 정렬할때는 margin:0 auto; 나 text-align:center; 등으로 가운데 정렬을 했는데, 전체 세로 정렬할때의 방법입니다.
해당 css에 아래의 소스를 삽입하세요.
#bodyWrap {
position:absolute;
top: 50%;
left: 50%;
width:30em;
height:18em;
margin-top: -9em;
margin-left: -15em;
}
보여지는 부분에 다음과 같이 코딩합니다.
<div id="bodyWrap">
내용
</div>
NN 4.7 빼곤 나머지 브라우저에서 정상작동합니다.
참고링크 : http://www.infinitywebdesign.com/research/cssverticalcentereddiv.htm
해당 css에 아래의 소스를 삽입하세요.
#bodyWrap {
position:absolute;
top: 50%;
left: 50%;
width:30em;
height:18em;
margin-top: -9em;
margin-left: -15em;
}
보여지는 부분에 다음과 같이 코딩합니다.
<div id="bodyWrap">
내용
</div>
NN 4.7 빼곤 나머지 브라우저에서 정상작동합니다.
참고링크 : http://www.infinitywebdesign.com/research/cssverticalcentereddiv.htm
포토샵과 letter-spacing 자간 비교 
글쓴이 빽짱구
단점이 없는 사람은 장점도 거의 없다 - 에이브러햄 링컨
소중한 댓글 부탁드립니다.
추천수 10단위당 메달이 1개씩 노출되고, 추천수에 따라 배경색이 변하며, 일정수의 추천수를 받을시
아이콘이 붙게됩니다.
추천수 10단위당 메달이 1개씩 노출되고, 추천수에 따라 배경색이 변하며, 일정수의 추천수를 받을시
아이콘이 붙게됩니다.
- 추천수 50개이상
- 추천수 30개이상
- 추천수 20개이상
- 추천수 10개이상
- 추천수 3개이상
닫기