มาเรียน CSS กันเถอะ (แตกหน่อ)

[Romzaikyu]

ถ้าได้ดีแล้วเค้าจะถีบหัวส่งนะ จานบิ๊ก 

[Rabbitinblack]

  ม่ายยยยยยยยยยยยยยยยยยยยย

[Rabbitinblack]

CSS : แต่งกล่อง Facebook Like Box กัน

วิดีโอสอนพื้นฐานของ HTML CSS Javascript จาก Google

[CSS] tag ต่าง ๆ และ CSS ที่เกี่ยวกับ list

[ฟิ้งซ์]

อาชามบิ๊กขยันจริงๆ ทั้ง wordpress ทั้ง CSS 

[Rabbitinblack]

  เรื่องต่อนก็ขยันนะครับ

[Rabbitinblack]

[CSS] ข้อแตกต่างระหว่าง width:auto กับ width:100%

[CSS3] แนะนำเว็บที่มีตัวอย่างการเขียน CSS3 ให้นำไปใช้

[CSS] แนะนำ Slide ที่ควรดูเพื่อทำความเข้าใจกับ CSS

[iannnnn]

เรื่อง width นี่เพิ่งรู้
แสดงว่าเวลาใช้ ใช้ auto มันก็คือแสดงเป็นคุณสมบัติเดียวกะ div ธรรมดาเลยชิมิ

[Rabbitinblack]

ใช่ เพราะ div ปรกติ width จะเป็น auto อยู่แล้ว ไม่ใช่ 100%

[iannnnn]

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

(ดูใน fail.in.th ก็ได้ )

[Rabbitinblack]

ถ้าแบบนั้นมึงอาจจะเขียนว่า

div {
width:auto;
}
div img {
width:99%;
}

แบบนี้น่าจะได้นะ รูปจะได้ตาม div ตัวที่เป็นกรอบอะ

[iannnnn]

ทำไมข้างในต้องเป็น 99% อะ

[Rabbitinblack]

จะ 100% ก็ได้ กลัวจะเผื่อกรอบ เผื่ออะไรด้วย 

[iannnnn]

แล้วทำไมข้างในไม่ width:auto อะ

[Rabbitinblack]

ก็ด้านนอก width:auto เป็นกรอบ

ส่วนด้านในเป็น width:100% เพื่อจะได้เต็มกรอบ

[Rabbitinblack]

อ๋อ อีกอย่าง ถ้าตั้งเป็น width:auto ให้รูปใช่ปะ

สมมติกรอบกว้าง 250px รูปกว้าง 150px

รูปก็จะกว้าง 150px ถ้าเป็น width:auto

แต่ถ้าเป็น width:100% รูปก็จะกว้าง 250px ตามกรอบที่เรากำหนดอะ