ใช้ CSS เพื่อแก้ปัญหาการจัดกึ่งกลางแนวตั้งของรูปภาพ IMG
ผู้เขียน：Eve Cole
เวลาอัปเดต：2009-06-12 17:52:58
ดังที่เราทุกคนทราบกันดีว่าหากคุณต้องการจัดแนวรูปภาพและข้อความในแนวตั้งตรงกลาง คุณสามารถเพิ่มแอตทริบิวต์ align=absmiddle ใต้แท็ก IMG ได้ อย่างไรก็ตาม แอตทริบิวต์ align=absmiddle ไม่ผ่านการตรวจสอบ W3C ฉันสามารถใช้ CSS เพื่อแทนที่ได้ IMG? คุณสามารถใช้แอตทริบิวต์ align=absmiddle เพื่อให้อยู่ตรงกลางแนวตั้งได้ คำตอบคือใช่ คุณสามารถเพิ่ม Vertical-align:middle; ให้กับ CSS เพื่อให้บรรลุสิ่งนี้:
<div><img style="vertical-align:middle;" src="/uploadfile/png/IconBuffet/Redmond/close_32.png" />ใช้ CSS เพื่อจัดตำแหน่งกึ่งกลางแนวตั้งของรูปภาพและข้อความ</div><br /> <br />
<div><img src="/uploadfile/png/IconBuffet/Redmond/close_32.png" />นี่คือเอฟเฟกต์โดยไม่ต้องเพิ่มสไตล์</div><br /><br />
<div><img align=absmiddle src="/uploadfile/png/IconBuffet/Redmond/close_32.png" />นี่คือการใช้ align=absmiddle เพื่อให้ได้การจัดแนวกึ่งกลางแนวตั้งของรูปภาพและข้อความ</div>
จากมุมมองของเอฟเฟกต์ ดูเหมือนว่าการใช้งานโดยใช้ CSS จะดีกว่าเล็กน้อย แต่รู้สึกดีขึ้นมากเมื่อควบคุมด้วย CSS
