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 등을 이용해 구현하는 방법을 문의드립니다.
게시판 목록
프로그램
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 6430 | 12년 전 | 986 | ||
| 6429 | 12년 전 | 9112 | ||
| 6428 | 12년 전 | 607 | ||
| 6427 |
제이티37
|
12년 전 | 1574 | |
| 6426 |
프로프리랜서
|
12년 전 | 1159 | |
| 6425 |
프로프리랜서
|
12년 전 | 1615 | |
| 6424 |
프로프리랜서
|
12년 전 | 1817 | |
| 6423 | 12년 전 | 1006 | ||
| 6422 |
퍼블리셔지노군
|
12년 전 | 1582 | |
| 6421 | 12년 전 | 2212 | ||
| 6420 |
 신현종실장 |
12년 전 | 1338 | |
| 6419 |
 돼지코구뇽 |
12년 전 | 1289 | |
| 6418 | 12년 전 | 1192 | ||
| 6417 |
senseme
|
12년 전 | 7435 | |
| 6416 |
senseme
|
12년 전 | 1333 | |
| 6415 |
senseme
|
12년 전 | 1195 | |
| 6414 |
senseme
|
12년 전 | 1972 | |
| 6413 |
senseme
|
12년 전 | 978 | |
| 6412 |
senseme
|
12년 전 | 1494 | |
| 6411 |
senseme
|
12년 전 | 1107 | |
| 6410 |
senseme
|
12년 전 | 1050 | |
| 6409 |
PASKRAN
|
12년 전 | 2821 | |
| 6408 | 12년 전 | 10807 | ||
| 6407 | 12년 전 | 2995 | ||
| 6406 |
프로프리랜서
|
12년 전 | 2841 | |
| 6405 |
프로프리랜서
|
12년 전 | 1378 | |
| 6404 |
프로프리랜서
|
12년 전 | 2728 | |
| 6403 |
프로프리랜서
|
12년 전 | 824 | |
| 6402 |
프로프리랜서
|
12년 전 | 1742 | |
| 6401 |
프로프리랜서
|
12년 전 | 1145 | |
| 6400 |
프로프리랜서
|
12년 전 | 1476 | |
| 6399 |
프로프리랜서
|
12년 전 | 1190 | |
| 6398 |
프로프리랜서
|
12년 전 | 1498 | |
| 6397 |
프로프리랜서
|
12년 전 | 3607 | |
| 6396 | 12년 전 | 1880 | ||
| 6395 | 12년 전 | 924 | ||
| 6394 |
신현종실장 |
12년 전 | 5242 | |
| 6393 |
제이티37
|
12년 전 | 1207 | |
| 6392 |
songsinica
|
12년 전 | 1215 | |
| 6391 |
 카카오툴즈 |
12년 전 | 3399 | |
| 6390 |
 cshop2 |
12년 전 | 1630 | |
| 6389 | 12년 전 | 4862 | ||
| 6388 |
스누피사랑
|
12년 전 | 5435 | |
| 6387 | 12년 전 | 1839 | ||
| 6386 | 12년 전 | 3068 | ||
| 6385 |
희망과열정
|
12년 전 | 931 | |
| 6384 | 12년 전 | 3295 | ||
| 6383 | 12년 전 | 10603 | ||
| 6382 |
신현종실장 |
12년 전 | 5792 | |
| 6381 |
SugarSkull
|
12년 전 | 1034 | |
| 6380 | 12년 전 | 785 | ||
| 6379 |
 hy미디어 |
12년 전 | 1989 | |
| 6378 | 12년 전 | 1569 | ||
| 6377 | 12년 전 | 502 | ||
| 6376 |
후라보노보노
|
12년 전 | 1341 | |
| 6375 | 12년 전 | 2875 | ||
| 6374 | 12년 전 | 843 | ||
| 6373 | 12년 전 | 2376 | ||
| 6372 |
takumi22
|
12년 전 | 1245 | |
| 6371 |
개초보제이
|
12년 전 | 780 | |
| 6370 |
고급자가되고
|
12년 전 | 1466 | |
| 6369 | 12년 전 | 891 | ||
| 6368 | 12년 전 | 3190 | ||
| 6367 | 12년 전 | 1884 | ||
| 6366 | 12년 전 | 2886 | ||
| 6365 |
lilyosia
|
12년 전 | 1802 | |
| 6364 | 12년 전 | 1063 | ||
| 6363 | 12년 전 | 1599 | ||
| 6362 | 12년 전 | 2742 | ||
| 6361 | 12년 전 | 2567 | ||
| 6360 | 12년 전 | 1014 | ||
| 6359 | 12년 전 | 2105 | ||
| 6358 |
 gilynh |
12년 전 | 1795 | |
| 6357 |
에헤라디야자진방아를돌려라
|
12년 전 | 790 | |
| 6356 | 12년 전 | 2093 | ||
| 6355 | 12년 전 | 3792 | ||
| 6354 | 12년 전 | 3105 | ||
| 6353 | 12년 전 | 1550 | ||
| 6352 | 12년 전 | 7773 | ||
| 6351 | 12년 전 | 2541 | ||
| 6350 | 12년 전 | 2802 | ||
| 6349 | 12년 전 | 1883 | ||
| 6348 | 12년 전 | 3555 | ||
| 6347 | 12년 전 | 1454 | ||
| 6346 | 12년 전 | 1198 | ||
| 6345 | 12년 전 | 1836 | ||
| 6344 | 12년 전 | 1420 | ||
| 6343 |
프로프리랜서
|
12년 전 | 2063 | |
| 6342 |
프로프리랜서
|
12년 전 | 1391 | |
| 6341 |
프로프리랜서
|
12년 전 | 1815 | |
| 6340 |
프로프리랜서
|
12년 전 | 1912 | |
| 6339 |
프로프리랜서
|
12년 전 | 1355 | |
| 6338 |
프로프리랜서
|
12년 전 | 1619 | |
| 6337 | 12년 전 | 5281 | ||
| 6336 |
프로프리랜서
|
12년 전 | 1638 | |
| 6335 |
프로프리랜서
|
12년 전 | 954 | |
| 6334 |
프로프리랜서
|
12년 전 | 1336 | |
| 6333 |
프로프리랜서
|
12년 전 | 2446 | |
| 6332 | 12년 전 | 1104 | ||
| 6331 |
돗단배123
|
12년 전 | 1425 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기