Как можно использовать CSS для организации строк в выпадающем меню?

Здравствуйте,

Извините, если мой вопрос может показаться слишком простым!

У меня возникла проблема с кодом:

.brand_letters li:hover ul {
display: inline;
cursor: pointer;
}

При наведении на меню оно вылезает вниз, но я бы хотел, чтобы было не более 10 строк, а все остальные строк распределялись по столбцам справа (1-10, 11-20, 21-30, 31-40 и так далее).

Буду признателен за помощь!
  • 21 сентября 2023 г. 17:07
Ответы на вопрос 1
Вы можете использовать свойство CSS `column-count` для организации строк в столбцы в выпадающем меню. Вот пример кода:

```css
.brand_letters ul {
  column-count: 4; /* указывает, что строки должны быть организованы в 4 столбца */
  column-gap: 10px; /* задает отступ между столбцами */
}
```

Вы можете настроить значение свойства `column-count` в зависимости от вашего желаемого количества строк в столбцах. Например, если вам нужно, чтобы было не более 10 строк, вы можете установить `column-count: 10;`.

Надеюсь, это поможет вам решить вашу проблему! Если у вас возникнут еще вопросы, пожалуйста, сообщите. Я с удовольствием помогу вам.
Похожие вопросы