عنصر الحاوية

Last updated on 8/22/2025@mrbirddev

يمكن استخدام عنصر الحاوية لتحقيق الكثير من الأشياء.

ترتيب العناصر أفقيًا

إضافة أعمدة وتعيين نسبة العرض

بعد إضافة حاوية إلى اللوحة، يمكنك رؤية أن هناك عمودًا واحدًا فقط في علامة التبويب البيانات.

إضافة أعمدة وتعيين نسبة العرض

انقر على عمود لإضافة المزيد من الأعمدة. وقم بتعديل نسبة العرض للحصول على التخطيط الذي تريده. في لقطة الشاشة، قمت بتعيين نسبة 2:1، حيث يكون العمود الأيسر ضعف عرض العمود الأيمن.

دائمًا أفقي

عمودي على الجوال

لاحظ أنه حتى لو كانت الأعمدة مرتبة أفقيًا. تحت شاشات الجوال، سيتم ترتيب الأعمدة عموديًا لتتناسب مع الشاشات الأضيق.

دائمًا أفقي

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

عرض العمود التلقائي

عرض العمود التلقائي

ملاحظة قصيرة حول نسبة العرض هي أنه يمكن تعيينها إلى نسبة العرض، حيث سيتقلص عرض العمود ليتناسب مع العناصر داخل العمود. يكون ذلك مفيدًا، على سبيل المثال، عندما تريد إعداد صورة رمزية وشعار.

عمود واحد

عمود واحد

عندما يكون هناك عمود واحد فقط في الحاوية. لا يزال مفيدًا. على سبيل المثال، يمكنك إضافة الخلفية إضافي وظل الصندوق إضافي إليه.

خلفية ممتدة بالكامل

خلفية ممتدة بالكامل

يمكن تحقيق الخلفيات الممتدة بالكامل باستخدام حاوية. فقط قم بتعيين شكل -> عرض إلى عرض الشاشة الكامل. ستمتد الحاوية إلى حواف الشاشة من اليسار إلى اليمين.

العرض الداخلي

لكن المحتويات داخل الحاوية ستظل مقيدة داخل عرض عنصر الصفحة. يمكنك جعل المحتويات تمتد إلى حافة الحاوية عن طريق تعيين المحتويات -> العرض الداخلي إلى 100%.

صورة ممتدة بالكامل

العرض الداخلي

كما يظهر في لقطة الشاشة أعلاه، إذا قمت بتعيين شكل -> عرض لعنصر الصورة إلى تغطية. ستمتد عنصر الصورة إلى حافة الحاوية، متجاهلة الحاوية وتعبئة العمود والفجوة.

Last updated on 8/22/2025@mrbirddev
Loading...