Я делаю отображение расписания (не интерактивное, просто показываю расписание), используя css -grid. Я создал строки для каждого 30-минутного приращения. Некоторые из событий, которые я должен вставить, не охватывают четное число столбцов.
Например, событие может произойти с 8:00 до 9:45 или с 8:00 до 9:50. Или событие может начаться в 8:15 утра - 9:30 утра. Есть ли способ получить четную долю времени без создания строки сетки для каждого 5-минутного приращения?
Примеры строк:
<h2 class="time-slot" style="grid-row: time-0800;">8:00am</h2>
<h2 class="time-slot" style="grid-row: time-0830;">8:30am</h2>
<h2 class="time-slot" style="grid-row: time-0900;">9:00am</h2>
Пример элемента, который должен охватывать с 8:00 до 8:50:
<div class="dayMonstyle="grid-column:monday; grid-row: time-0800 / time-0900;"> </div>