상담문의 010-7482-0702

Home > 고객센터 > 자료실

자료실

자료실

css div내의 이미지 정렬하는 방법

  • 하나솔루션
  • 2018-03-26 15:53:49
  • hit1673
1. div 내의 이미지 가운데 정렬하기(horizontal align)
 
첫번째 방법 : style을 직접 입력하기
 
<div style="position:absoulte;width:100%;height:100%;">
  <img src="contents.jpg" style="position:absoulte;width:100%;height:100%;">
</div>
 
두번째 방법 : style sheet를 사용하기
 
<HTML>
<HEAD>
<TITLE>이미지 정렬</TITLE>
</HEAD>
<style type="text/css">
 #img_container {
     position:absolute;
     width:100%;
     height:100%;
 }
 
 #img_container img {
    display:block;
    margin-left:auto;
    margin-right:auto;
 }
 </style>
<BODY>
<div id="img_container">
  <img src="contents.jpg" >
</div>
</BODY>
</HTML>
 
2. div 내의 이미지 수평,수직 모두 가운데 정렬하기(horizontal and vertical align)
 
<HTML>
<HEAD>
<TITLE>이미지 정렬</TITLE>
</HEAD>
<style type="text/css">
 #img_container {
     position:absolute;
     width:100%;
     height:100%;
     
 }
 
 #img_container img {
    position:absolute;
    top:50%;
    left:50%;
    margin-top:-25px;
    margin-left:-25px;
    
}
</style>
<BODY>
<div id="img_container">
  <img src="contents.jpg" >
</div>
</BODY>
</HTML>
 
 
?
게시글 공유 URL복사
댓글[0]

열기 닫기

빠른상담 신청현황

  • s**님이 문의하셨습니다.
    상담신청
  • e**님이 문의하셨습니다.
    상담신청
  • 대**님이 문의하셨습니다.
    상담신청
  • 개**님이 문의하셨습니다.
    상담신청
  • 쇼**님이 문의하셨습니다.
    상담신청
  • K**님이 문의하셨습니다.
    상담신청
  • 조**님이 문의하셨습니다.
    상담신청
  • (**님이 문의하셨습니다.
    상담신청
  • 주**님이 문의하셨습니다.
    상담신청
  • 대**님이 문의하셨습니다.
    상담신청
  • T**님이 문의하셨습니다.
    상담신청
  • 로**님이 문의하셨습니다.
    상담신청
  • d**님이 문의하셨습니다.
    상담신청
  • 정**님이 문의하셨습니다.
    상담신청
  • 아**님이 문의하셨습니다.
    상담신청
  • 행**님이 문의하셨습니다.
    상담신청
  • (**님이 문의하셨습니다.
    상담신청
  • 신**님이 문의하셨습니다.
    상담신청
  • 성**님이 문의하셨습니다.
    상담신청
  • 주**님이 문의하셨습니다.
    상담신청

무통장 계좌번호

하나은행 : 661-910388-38207
예 금 주 : 하나솔루션(정지혜)

네임서버

1차 ns1.webit.kr 221.139.47.17
2차 ns2.webit.kr 121.125.73.38

서버 호스팅 주소

서울 서초구 서초동 1710-1 SK 브로드밴드 IDC

커뮤니티

  • 042-362-0702

  • hana07@kakao.com

  • 업무시간 : 월~금 오전9시 ~ 오후 6시

  • 점심시간 : 오후 12시 ~ 오후 1시

  • 토,일,공휴일, 국경일 : 휴무

상단으로 바로가기