Forgot Password ??

PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone

	Registered : 109,027

HOME > PHP > PHP Forum > สอบถาม การใช้ CSS ปรับขนาดรูปโดยรักษาอัตราส่วนรูป หน่อยครับ จากกระทู้เดิมที่มีอยู่แล้ว

สอบถาม การใช้ CSS ปรับขนาดรูปโดยรักษาอัตราส่วนรูป หน่อยครับ จากกระทู้เดิมที่มีอยู่แล้ว

เริ่มหัวข้อใหม่

i Zee U

โพสกระทู้ ( 189 )
บทความ ( 0 )

จากกระทู้นี้

https://www.thaicreate.com/community/css-image-maintain-ratio.html

จากกระทู้เดิมที่มีอยู่แล้วคือมันได้อย่างใดอย่างหนึ่ง แต่ถ้าต้องการทั่งสองต้องเขียนแบบไหนครับ

ตามรูป
ขนาดรูป

ช่วยชี้แนะด้วยครับ

Tag : PHP, JavaScript

Date : 2014-04-01 13:54:26

By : okboou

View : 4387

Reply : 7

No. 1

natt_han

โพสกระทู้ ( 160 )
บทความ ( 0 )

แบบนี้ได้ป่ะครับ ไม่ได้เทสนะครับ
Code

div.img-resize img{
    max-width:64px;
    max-height:64px;
    width: auto;
    height: auto;
}

Date : 2014-04-01 14:18:55

By : natt_han

No. 2

i Zee U

โพสกระทู้ ( 189 )
บทความ ( 0 )

ตอบความคิดเห็นที่ : 1 เขียนโดย : natt_han เมื่อวันที่ 2014-04-01 14:18:55

รายละเอียดของการตอบ ::

ใช่เลยครับขอบคุณมาก

เพิ่มเติมอีกนิดครับ
ถ้าจะให้ภาพอยู่ตรงกลางละครับ
กำหนดยังไงต่อ

Date : 2014-04-01 14:32:54

By : okboou

No. 3

natt_han

โพสกระทู้ ( 160 )
บทความ ( 0 )

แนวตั้งก็ vertical-align:middle;

Date : 2014-04-01 14:39:03

By : natt_han

No. 4

i Zee U

โพสกระทู้ ( 189 )
บทความ ( 0 )

ตอบความคิดเห็นที่ : 3 เขียนโดย : natt_han เมื่อวันที่ 2014-04-01 14:39:03

รายละเอียดของการตอบ ::

ภาพแนวตั้งไม่มีปัญหาครับอยู่ตรงกลางอยู่แล้ว

แต่ภาพแนวนอนมันขึ้นไป top บนสุด จะให้มันอยู่ middle ตรงกลางครับ

นี้ครับต้องการแบบนี้ครับรูปบนภาะแนวนอน
ขนาดรูป2

ประวัติการแก้ไข
2014-04-01 14:57:35

Date : 2014-04-01 14:53:02

By : okboou

No. 5

natt_han

โพสกระทู้ ( 160 )
บทความ ( 0 )

นั่นแหละครับ ผมหมายถึง กลางในแนวตั้ง

Date : 2014-04-01 14:59:56

By : natt_han

No. 6

i Zee U

โพสกระทู้ ( 189 )
บทความ ( 0 )

ตอบความคิดเห็นที่ : 5 เขียนโดย : natt_han เมื่อวันที่ 2014-04-01 14:59:56

รายละเอียดของการตอบ ::

ครับลองใส่แล้วไม่มีอะไรเกิดขึ้นครับ

Date : 2014-04-01 15:01:42

By : okboou

No. 7

i Zee U

โพสกระทู้ ( 189 )
บทความ ( 0 )

โอเคครับได้สักที
ตามนี้ครับ

div.img-resize img{

max-width:140px;
max-height:140px;
width: auto;
height: auto;

}
div.img-resize {
width: 140px;
height: 140px;
overflow: hidden;
display: table-cell;
vertical-align: middle;
text-align: center;
background-color:#999;
}

ขอขอบคุณ คุณ natt_han ด้วยนะครับ

ประวัติการแก้ไข
2014-04-01 15:19:04

Date : 2014-04-01 15:16:50

By : okboou

ค้นหาข้อมูล

แสดงความคิดเห็น

Re : สอบถาม การใช้ CSS ปรับขนาดรูปโดยรักษาอัตราส่วนรูป หน่อยครับ จากกระทู้เดิมที่มีอยู่แล้ว

รายละเอียด

เพื่อความเรียบร้อยของข้อความ ควรจัดรูปแบบให้พอดีกับขนาดของหน้าจอ เพื่อง่ายต่อการอ่านและสบายตา และตรวจสอบภาษาไทยให้ถูกต้อง

อัพโหลดแทรกรูปภาพ

Notice

เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ
อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง

เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง

โดย

อีเมล์

บวกค่าให้ถูก