في CSS أحيانًا نعقد حياتنا بأشياء بسيطة أقل تعقيدًا مما نعتقد ، وعندما نرى الحل فإننا نضحك على ملاحظة مثل هذه الحكايات.
سألني أكثر من شخص عن كيفية توسيط عنصر div في وضع ثابت ، والإجابة بسيطة جدًا:
- نعطي div عرضًا ثابتًا. مثال: 500 بكسل
- نضع div تمامًا مع ترك 50٪. مثال: الموضع: مطلق ؛ يسار: 50٪ ؛
- نطرح نصف ما يقيسه الهامش. مثال: margin-left: -250px ؛
والنتيجة هي div متمركز بشكل مثالي وموضع تمامًا.
شكرا جزيلا .. كما تقول شيئا في غاية البساطة وأنه على الرغم من مرور الوقت لا يزال يسبب الكثير من الصداع.
منشورك كان مفيد جدا لي شكرا جزيلا لك
شكرا جزيلا لك !!!
ساعدتني المساهمة الجيدة كثيرا ، شكرا
يا له من جنون عظيم خدمني: د
ممتاز شكرا…
جيد جدا كارلوس.
معلومات ممتازة
شكرا لك لقد خدمتني
قمت بحفظه لي!!! شكرا :)
شكرا لك عمي ، لقد ساعدني كثيرا !! ، هذا الافتقار إلى الخيال لدي.
شكرا جزيلا لك !!!!! هذه الحيلة دائما تساعدني هاها
شكرا جزيلا لك صديقي الممتاز
لا يتم توسيط هذا ، كل هذا يتوقف على الحجم الأصلي لعنصر div الأساسي الذي نجعله ينمو اعتمادًا على ما يوضع بالداخل ، بالنسبة لي ، كان من المفيد استخدام هذا أكثر من النظر إذا رأيته أكثر تمركزًا واستجابة :
مطلق؛
ليفت: شنومك٪؛
الهامش الأيسر: -100px ؛
هذا سيكون النصف.
تم تقدير المساهمة ، لقد ساعدتني حقًا ، تحياتي!
مساهمة جيدة جدا ساعدتني كثيرا ، ألف نعمة!