하위 카테고리를 이렇게 정리할 수 있을까요?

[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 Grid를 사용해야 합니다.

다음과 같은 형태로 사용할 수 있습니다:

.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 감사합니다.

도움이 많이 되었습니다.