Блог

Главная - Вопросы по программированию - Центрирование элементов из моей сетки и добавление 5 квадратов в строку

Центрирование элементов из моей сетки и добавление 5 квадратов в строку

#css

#css

Вопрос:

Я хочу, чтобы в каждой строке отображалось пять квадратов, и центрировать их в середине контейнера, пока что у меня есть это..

Код:

 .sala { /* div parent */
  background-color: grey;
  order:4;
 margin-top:20px;

}

.sala__aforo { /*div son , displays the squares*/
  /* Separación entre asientos */
  width: 300px;
  display: inline-grid;
  grid-template-rows: 100px 100px 100px;
  grid-template-columns: 100px 100px 100px;  
  gap: 25px;
}

Это изображение, отображающее неправильное положение элементов.
сетка

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

1. Привет, вы также можете опубликовать свой HTML-код?

2. Часть кода (например, квадраты) генерируется в javascript, как divs

3. Можете ли вы опубликовать js тогда?

4. добавлен html и некоторые из cood js, которые генерируются

5. в contenidoHTML — это место, где создаются квадраты

Ответ №1:

Итак, вам нужно сделать эти вещи в CSS:

Удалить margin: 50px; из .lienzo

удалить place-content: start start; из .sala__aforo

удалить margin-left: 13px; из .asiento--ocupado

и удалить margin-left: 21px; из .asiento--seleccionado

И это должно сработать.

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

1. Да! Это работает, я пропустил.asiento-xxx, спасибо, человек, за ваше время