묻고답하기

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 등을 이용해 구현하는 방법을 문의드립니다.
글쓴이 제목 최종 글
XE 공지 글 쓰기,삭제 운영방식 변경 공지 [16] 2019.03.05 by 남기남
루팡쿠팡 네이버 신디케이션이 됬다가 안됬다가 합니다. [1] 2014.03.30 by 투씨
정도길 게시판 - 댓글의 글씨색, 사이즈, 굵기, 폰트 어디서 수정하나요 [2] 2014.03.30 by 정도길
휘빈a 자유게시판 위젯이 왜안될까요 [9] file 2014.03.30 by KrteamENT
루빈아빠 서버 이전후 로그인이 안되서 전문가를 찾습니다. [3] 2014.03.30 by 루빈아빠
designare0 로그아웃 문제 [2] 2014.03.30 by designare0
난남자입니다하하 혹시 이문제 해결이 가능한가요?? [3] 2014.03.30 by 키스투엑스이
지출은없엉123 html파일에 카운터 넣는방법 있나요?? [1] 2014.03.30 by DynamicLaser
파파민 스팸 등록된 IP로 접속할 시 나타나는 메세지는? [4] 2014.03.30 by 파파민
도메인8295 XE 메일계정 변경하는법 [5] 2014.03.29 by KrteamENT
은색바람 쇼핑몰 모듈 스킨이.. 이상해요! [3] file 2014.03.29 by KrteamENT
글쎄나는 카테고리에 등록된 글갯수를 알아내고 싶습니다. [11] 2014.03.29 by 웹엔진
레몬바나나 게시판 글 제목과 본문에 영어로 길게 쓰면 옆으로 삐져나가는 문제 [1] file 2014.03.29 by DynamicLaser
콩까기 위젯말고는 이런 통합게시판구현할수있는 방법없을까요? [3] 2014.03.29 by 닉이
컴박살 admin페이지에서 group 리스트를 순서되로 보고 싶어요 [2] 2014.03.29 by 컴박살
믹키마웃소나개나 파일 관리만 이상하게 나옵니다 도와주세요 [2] file 2014.03.29 by 믹키마웃소나개나
휘빈a 위젯 설치햇는대 왜 게시판 글이 안떠잇을까요? [3] file 2014.03.29 by KrteamENT
에미기 스케치북 스킨 추천후 다운가능하게 하기 [8] 2014.03.29 by KrteamENT
오병이어2 NAVER Analytics 쓰면 느려지나요? [10] 2020.03.14 by LI-NA
nicerunner 추천을 해야지만 파일을 다운로드할수있게 하기 [6] 2014.03.29 by 에미기
2donggalbi 이렇게 하는 코드 알려주실분 계신가요? [1] 2014.03.29 by LI-NA
그레용팝 통합검색 레이아웃 [1] 2014.03.29 by LI-NA
업글 XE 심볼의 일러스트나 큰 해상도의 이미지를 얻을 수 있을까요? [1] 2014.03.29 by LI-NA
moonsoo Twitter Bootstrap Buttons 애드온과 Font Awesome 로드 애드온 [1] file 2014.03.29 by LI-NA
ohsh DB가 뭔가요? [3] 2014.03.29 by 홀인원1
티지로 운영중인 사이트를 XE순정 + 게시글은 그대로가 가능할까요? [9] 2014.03.29 by 상자님
qwms 서버가 갑자기 내려가면 DB가 날라가는 경우도 있나요? [6] 2014.03.29 by qwms
dumbfo 닉네임 정렬 [1] 2014.03.29 by prologos
moonsoo 메뉴에 새글 표시 모듈 사용중인데요. [1] 2014.03.29 by 퍼니엑스이
hotzzl 티스토리에... [1] 2014.03.28 by KrteamENT
cnc미라클 도와주세요 ㅡㅡㅡ [1] 2014.03.28 by KrteamENT