<style>
#hott{
width:100%;
}
#hott .hot {
width:800px;
margin:0 auto;
text-align:center;
}
#hott .hot img {
max-width:380px;
width:100%;
}
#hott .hot img:last-child {
padding-left:20px;
}
</style>
<body>
<div id="hott">
<div class="hot">
<img src="11.jpg">
<img src="22.jpg">
</div>
</div>
</body>
위의 소스에서 인터넷브라우저 창을 좁혀도 두개의 이미지가
짤리지않고 브라우저창 크기에 맞도록 width:100%; 효과와 같이
이미지 2개모두 작아지면서 다 보이게끔 하려면 어떻게해야하나요?
|
답변 2개 / 댓글 1개
채택된 답변
+20 포인트
sinbi테스트해볼 수 있게 이미지 주소도 넣어보세요.
답변에 대한 댓글 1개
7년 전
답변을 작성하려면 로그인이 필요합니다.
<img src="http://dd2dd2.hgodo.com/img/11.jpg">
<img src="http://dd2dd2.hgodo.com/img/22.jpg">
이렇게 넣으시면되세요^^