CSS Grid и размер столбца на основе содержимого - PullRequest
Новая
       22

CSS Grid и размер столбца на основе содержимого

0 голосов
/ 03 октября 2018

Я не совсем уверен, как это сформулировать.В конечном счете, я хочу, чтобы содержимое определяло, сколько строк оно хочет охватить.Следующий элемент начинается со следующего столбца.По какой-то причине я не могу понять это.Кажется, что-то, что может сделать флексбокс или сетка.

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

   <div class="wrapper">
     <div class="box">A</div>
     <div class="box">B</div>
     <div class="box">C</div>
     <div class="box">D</div>
     <div class="box">E Long box here</div>
     <div class="box">F</div>
     <div class="box">G</div>
   </div>

В этом случае у меня должно быть как 

   A      B      C      E
   E long box here      F
   G      H

Вместо этого все, что я пытаюсь с помощью CSS-сетки, просто врезается в столбец, и когда я используюэлементы flexbox F, G, H больше не совпадают с сеткой

...