สอบถาม เกี่ยวกับการกำหนดขนาดรูปภาพหน่อยครับ

ถาม-ตอบ แนะนำไอเดียว โค้ดตัวอย่าง แนวทาง วิธีแก้ปัญหา สอบถาม เกี่ยวกับการกำหนดขนาดรูปภาพหน่อยครับ

สอบถาม เกี่ยวกับการกำหนดขนาดรูปภาพหน่อยครับ
ผมต้องการ ให้รูปภาพ ขยายเต็ม div  ที่กำหนดไว้ นะครับ โดย ที่ขนาดภาพที่เอามาใส่ ความ กว้าง X สูง ไม่เท่ากัน นะครับ
โค้ดที่ผมเขียน มันจะตัด ด้านยาวออก แต่ผมอยากให้ ขนาดมันย่อให้พอดี div โดยไม่ตัดส่วนใหนออกเลยนะครับ
<style type="text/css">
.item_img {
 		float: left; 		
 		width: 150px;
                height: 150px;
 		border: 1px solid #CCC;
 	        vertical-align: middle; 	
 	        text-align: center; 		
                overflow: hidden;

 		
 	}
.item_img img {
 		height: 100%;			
 		
 	}

</style>


<div class="item_img"> 
   <img src="images/iphone4.jpg"> 
</div>
<div class="item_img"> 
   <img src="images/iphone5s.jpg"> 
</div>
<div class="item_img"> 
   <img src="images/iphone6.jpg"> 
</div>


Wowowow 16-09-2014 13:44:51

คำแนะนำ และการใช้งาน

สมาชิก กรุณา ล็อกอินเข้าระบบ เพื่อตั้งคำถามใหม่ หรือ ตอบคำถาม สมาชิกใหม่ สมัครสมาชิกได้ที่ สมัครสมาชิก


  • ถาม-ตอบ กรุณา ล็อกอินเข้าระบบ
  • เปลี่ยน


    ( หรือ เข้าใช้งานผ่าน Social Login )

 ความคิดเห็นที่ 1
 ไม่น่าจะเป็นไปได้ เพราะถ้าให้ขนาดพอดีกับ div แต่รูปมีสัดสวนไม่เท่ากัน
ยังไงรูปที่แสดงก็จะไม่ได้สัดสวน


ninenik 16-09-2014






เว็บไซต์ของเราให้บริการเนื้อหาบทความสำหรับนักพัฒนา โดยพึ่งพารายได้เล็กน้อยจากการแสดงโฆษณา โปรดสนับสนุนเว็บไซต์ของเราด้วยการปิดการใช้งานตัวปิดกั้นโฆษณา (Disable Ads Blocker) ขอบคุณครับ