EspañolDeutschFrançaisItalianoPortuguêsРусскийΕλληνικά日本語中文(简体)हिन्दी; हिंदीالعربية
تعيين اللغة الافتراضية
أسئلة PF - المنتدى

كيفية توسيط صورة أفقياً, مع تعيين موضع مطلق, داخل div

برمجة CSS  
 
كيفية توسيط صورة أفقياً, مع تعيين موضع مطلق, داخل div

La idea es التركيز dentro de un DIV, una imagen con posicionamiento absoluto { موقف: المطلقة; }. للقيام بذلك, lo primero de todo es تعيين, al div que va a contener la imagen, un posicionamiento relativo, evitando así que el posicionamiento absoluto de la imagen sea con respecto al elemento contenedor padre que tenga posicionamiento relativo más próximo, o en su defecto, لأن الهيئة.

Suponiendo que tenemos el siguiente código con un div y una imagen dentro del mismo:

El estilo a aplicar al contenedor y a la imagen es el siguiente:

Para ver el resultado con algo de مثال, نحن ذاهبون إلى تعديل el código del HTML asignando un borde ومن الحجم al div, así como agregando una الطريق ومن الحجم a la imagen. Quedaría algo así:

و, ثم, el resultado:

 

انضم إليكم لقناة برقية

ترك لنا تعليق أو أدخلالمنتدى
Share on Facebook Tweet about this on Twitter Share on Google+ Pin on Pinterest Share on Reddit Share on VK Share on StumbleUpon Share on Tumblr Share on LinkedIn Email this to someone Print this page
العلامات:

المواد ذات الصلة

اترك ردًا