CSS와 관련된 팁이 있는 곳입니다. 좋은 자료 공유해 주세요.
글 수 1
0
조회 수 : 19637 신고 : 0
미리보기 : |
---|
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
소중한 댓글 부탁드립니다.
추천수 10단위당 메달이 1개씩 노출되고, 추천수에 따라 배경색이 변하며, 일정수의 추천수를 받을시 아이콘이 붙게됩니다.
추천수 10단위당 메달이 1개씩 노출되고, 추천수에 따라 배경색이 변하며, 일정수의 추천수를 받을시 아이콘이 붙게됩니다.
추천수에 따른 배경색 보기
본문으로 바로가기
- 추천수 50개이상
- 추천수 30개이상
- 추천수 20개이상
- 추천수 10개이상
- 추천수 3개이상