Как сделать сетку переключателей 14×5 в HTML и CSS

#javascript #html #css #twitter-bootstrap #radio-button

Вопрос:

Я хочу создать сетку переключателей 14×5 на своей веб-странице, но я сталкиваюсь со следующими проблемами : Искаженный 1)

Длинная Прямая

2)

Либо я не могу выровнять его в идеальной сетке, либо он идет прямо вниз , было бы очень полезно, если бы кто-нибудь мог помочь мне с подходом, чтобы выровнять его в сетке 14×5 (если возможно), как это: OMR

Я не делюсь своим html/css-кодом веб-страницы ,поскольку это связано с тем, что теги шаблонов django делают разные вещи, которые усложняли бы ситуацию, и мне нужно написать более длинный вопрос, чтобы без необходимости объяснить логику бэкенда.

Ответ №1:

Используйте grid-template-columns , чтобы повторить это в столбце в приведенном ниже коде, который я установил repat(5, 1fr); , он автоматически вернет это в пяти столбцах

 lt;stylegt; .main_class {  display: grid;  grid-template-columns: repeat(5, 1fr);  gap: 5px; } lt;/stylegt;  

Спасибо.

Комментарии:

1. Да, в основном классе вы должны содержать все переключатели.