هل يمكننا ترتيب الفئات الفرعية بهذه الطريقة؟

[ogulcan1787]

أصدقائي الأعزاء.

هذه هي طريقتي في استخدامه الآن. display : flex

هل يمكننا فعل ذلك هكذا؟

ولكن ليس هكذا. display : block

شكراً لكم

[bartv (Bart)]

هذا يبدو أفضل بكثير

[ogulcan1787]

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

عندما يكون الاسم طويلاً.

عندما يكون الاسم قصيراً.

.category-list .subcategories {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.category-list .subcategories .subcategory {
    flex-shrink: 0;
    min-width: 25%;
}

[Alteras (Steven Chang)]

ستحتاج إلى استخدام CSS Grids هنا.

شيء مثل:

.category-list .subcategories {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(125px, min-content));
}

إذا كنت تريد أن تكون الأعمدة متساوية تمامًا في الحجم، يمكنك تغيير min-content إلى 1fr.

[ogulcan1787]

هذا أفضل بكثير الآن. شكراً لك @Alteras

[saurabhmithal]

@Alteras

.category-list .subcategories {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(125px, min-content));
}

كيف يمكنني إضافة هذا إلى السمة في مجتمعي؟

هل يمكن لأحد المساعدة؟

شكرا.

[ogulcan1787]

هنا في CSS اكتب واحفظ

[Arkshine]

كما ذكر ogulcan1787، يمكنك إنشاء مكون جديد وإدراج CSS هناك.

يمكنك اتباع هذه التعليمات:

• انتقل إلى المسؤول → تخصيص

• انقر فوق الزر تثبيت
  

  

• ثم قم بإرفاقه بالسمة الخاصة بك وانقر فوق الزر تحرير CSS/HTML
  

  

• استخدم قسم CSS:
  

  

[saurabhmithal]

شكرا لك @Arkshine

كان هذا مفيدًا.