"إذا أراد العامل أن يؤدي عمله بشكل جيد، فعليه أولاً أن يشحذ أدواته." - كونفوشيوس، "مختارات كونفوشيوس. لو لينجونج"
الصفحة الأمامية > برمجة > الفرق بين الهوامش وتخطيط CSS القياسي في Flexbox

الفرق بين الهوامش وتخطيط CSS القياسي في Flexbox

نشر في 2025-04-18
تصفح:851

How Do Margins Behave Differently in Flexbox Compared to Standard CSS Layout?

ومع ذلك ، في حاويات Flexbox ، يختلف هذا السلوك. القاع الهامش: 20 بكسل ؛ } رئيسي { القاع الهامش: 20 بكسل ؛ }

ومع ذلك ، في حاوية Flexbox:

#حاوية { العرض: فليكس. الاتجاه المرن: العمود ؛ } شرط { القاع الهامش: 20 بكسل ؛ } رئيسي { القاع الهامش: 20 بكسل ؛ }

لم تعد الهوامش تنهار ، مما أدى إلى فجوة أكبر بين المقالة الأخيرة وتذييل. ومع ذلك ، تنشئ حاويات Flexbox نوعًا مختلفًا من السياق يسمى سياق تنسيق فليكس. سياق التنسيق ، لا تنهار الهوامش لأن المحتويات تعامل بشكل مختلف Rispetto تخطيط كتلة عادي. لا تتطفل العوامات في الحاوية المرنة ، وتظل هوامش الحاوية منفصلة عن هوامش عناصر طفلها.

أحدث البرنامج التعليمي أكثر>

تنصل: جميع الموارد المقدمة هي جزئيًا من الإنترنت. إذا كان هناك أي انتهاك لحقوق الطبع والنشر الخاصة بك أو الحقوق والمصالح الأخرى، فيرجى توضيح الأسباب التفصيلية وتقديم دليل على حقوق الطبع والنشر أو الحقوق والمصالح ثم إرسالها إلى البريد الإلكتروني: [email protected]. سوف نتعامل مع الأمر لك في أقرب وقت ممكن.

Copyright© 2022 湘ICP备2022001581号-3