подтолкнуть блок вверх, если есть место? - PullRequest
0 голосов
/ 05 июля 2019

Хора, я думаю о каландре с записями за несколько дней. если есть несколько перекрывающихся записей, они должны автоматически переходить на одну строку, если места достаточно. Как можно этого достичь? Это возможно только с небольшим JavaScript?

такой календарь: изображение календаря

1 Ответ

0 голосов
/ 05 июля 2019

Я предполагаю, что вы используете блоки div для отображения ячейки для каждого дня в календаре.Если вы используете display: flex; вместе с flex-direction: column; в своих ячейках, вы можете определить порядок отображения его дочерних элементов (ваших записей) с помощью свойства order.

Если вы установите класс с помощью order: 1;в записях, которые являются частью многодневной (перекрывающей) записи, эти записи будут отображаться в верхней части вашей ячейки.

Подробнее о заказе элементов Flex можно прочитать в этой статье .

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...