استخدم 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/إغلاق_32.png" />هذا هو التأثير بدون إضافة أنماط</div><br /><br />
<div><img align=absmiddle src="/uploadfile/png/IconBuffet/Redmond/إغلاق_32.png" />هذا لاستخدام align=absmiddle لتحقيق محاذاة عمودية للمركز للصور والنص</div>
من وجهة نظر التأثير، يبدو أن التنفيذ باستخدام CSS أفضل قليلاً، ولكن من الأفضل التحكم فيه باستخدام CSS.
