본문 바로가기
출처 :  
HTML 태그로 img를 불러와서 화면에 표시하려 하는데요,
 
가로 길이가 700px  세로길이가 500px 인 div 안에 img를 넣을때,
 
1. img의 가로길이가 900px 세로길이가 400px이면 가로길이가 200px을 넘어간 만큼 일정한 비율로 이미지를 축소하여 div의 중앙에 표시하고,
 
2. img의 가로길이가 500px 세로길이가 700px이면 세로길이가 300px을 넘어간 만큼 일정한 비율로 이미지를 축소하여 div의 중앙에 표시하고
 
3. img의 가로길이가 400px 세로길이가 400px로 div보다 작을경우엔, 작은 것 그대로 div의 중앙에 표시합니다.
 
이렇게 표시하는걸 HTML, CSS, JS 등을 이용해 구현하는 방법을 문의드립니다.
<?php if(!defined("__XE__")) exit();?>
컴퓨터 하드웨어 유저
 
망해도 좋아.
엮인글 :

profile

라이너스~

2014.06.14 05:21:49
*.168.0.1

HTML 태그로 img를 불러와서 화면에 표시하려 하는데요,
가로 길이가 700px  세로길이가 500px 인 div 안에 img를 넣을때,
  먼저 중앙정렬은 앞에<center>태그를 주던가 CSS로 지정해도 됩니다
 
1. img의 가로길이가 900px 세로길이가 400px이면
  가로길이가 200px을 넘어간 만큼 일정한 비율로 이미지를 축소하여 div의 중앙에 표시하고,
  CSS 코딩 / div img{width:100%}
 
2. img의 가로길이가 500px 세로길이가 700px이면
  세로길이가 300px을 넘어간 만큼 일정한 비율로 이미지를 축소하여 div의 중앙에 표시하고
  CSS 코딩 / div img{height:100%}
 
3. img의 가로길이가 400px 세로길이가 400px로
  div보다 작을경우엔, 작은 것 그대로 div의 중앙에 표시합니다.
  CSS 코딩 / div img{} / 코딩없이 자동입니다
 
참고 :
가로를 기준으로 1번방식으로 코딩한다면 세로는 비율따라 자동입니다
좌우를 동시에 지정하면 이미지 비율이 다릅니다 
여러기능을 임의조정하려면 자바스크립트로 짜야되는데 페이지나 회사따라 락도있읍니다..
 
개인적으로 가장좋고 일반적인 1번방식을 강추합니다....... 그럼..
List of Articles
번호 제목 글쓴이 날짜 추천 수 조회 수
116 ssd+미래에셋 hts사용하시는 분. [1] 레종 2014-06-16   1436
115 컴 종류후 키보드와 마우스에 불이 꺼지지 않네요? [1] 가시광선 2014-06-15   1909
114 컴퓨터 잘아시는 분 들 저좀 도와주세요! [1] 부산청순녀 2014-06-15   1826
113 Windows 9 설치하는 중.... 어떤 모습일까요? [2] NB82 2014-06-15   1669
112 윈도우 시작시에 인터넷 연결이 바로 안됩니다. 코스모 2014-06-15   1547
111 php 회원탈퇴소스 변경어떻게 해야할까요? ㅜ [1] 하루이나 2014-06-14   2445
110 html에서 링크로 php파일 어떻게 실행시키나요 [1] 김말이님 2014-06-14   1315
109 IIS서버 SSL인증서 갱신 후 문제 입니다. [1] 코스모 2014-06-14   1536
» HTML 태그로 img를 불러와서 화면에 표시하려 하는데요, [1] 하루이나 2014-06-14   899
107 리눅스 우분투 커널컴파일오류 어찌해야할까요 [1] 카라멜♥ 2014-06-14   885
106 리눅스 네트워크 연결 ㅠㅠ( Centos 32bit) 질문드려요 file [1] 부산청순녀 2014-06-14   1442
105 레드햇과 centos의 차이점이 뭐죠??? [1] 김말이님 2014-06-14   955
104 사설 서버 운영으로 사업 좀 하려는데..... [2] 김태후 2014-06-14   952
103 개인 서버 운영 관련 질문입니다 [2] 3세대 2014-06-14   824
102 jQuery 둥근 모서리 만들기 소스 평가단 2014-06-14   880
101 윈8.1 시작버튼으로 쓸만한 프로그램 있을까요 [3] 평가단 2014-06-13   1943
100 팝업창이 이상합니다... [2] the.100 2014-06-13   1761
99 그외 동영상 편집 프로그램 도움 점 부탁드립니다 [2] C.W 2014-06-13   2623
98 윈도우7 64비트 프로이설치 문의. [1] 3세대 2014-06-12   2783
97 방송녹화 프로그램 추천 좀,.. 지앤지 2014-06-12   1435
서버에 요청 중입니다. 잠시만 기다려 주십시오...