Результаты поиска по запросу "css-grid"
Подсетка css - это хак: хаки увеличивают сложность, усложняя поддержку кода и склонность к другим ошибкам, и рано или поздно они перестанут работать.
отаю над страницей с довольно простым макетом - в основном это таблица данных, но я использую сетку, чтобы столбцы корректно корректировались в зависимости от размера контента. Я хочу сделать строки сортируемыми (используя jQuery), поэтому мне ...
Разница между процентами и франками в CSS Grid Layout
у у меня есть переполнение на оси X в следующем фрагменте? Переполнение генерируется после примененияgrid-gap: 10px на моем.body сетка контейнера. div:not(.header):not(.body):not(.row) { border: 1px solid grey; } .header { margin-top: 20px; ...
доступно, другие решения, которые являются взломами, будут поражены.
стиемспецификация сетки [https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Grid_Layout]Я понимаю, как выровнять дочерние элементы контейнера сетки, но я хочу выровнять элементыв дети, как если бы они были элементами сетки, а не их ...
jsFiddle demo
аюсь понять и проработать свой путь через CSS-сеткуgrid-template-areas вариант. учитывая этот HTML <div class="wrapper"> <div class="d">D</div> <div class="b">B</div> <div class="c">C</div> <div class="a">A</div> </div>и это CSS .wrapper { ...
Вы можете использовать фиксированную позицию с трюком с нулевым преобразованием:
я есть 1 х 6 сетка. Я хочу показать ручку изменения размера при наведении на элемент сетки. Для этого у меня есть 2 округленных абсолютно позиционированных div внутри элемента сетки. Я поместил в середине края с обеих сторон предмета. Я хочу, ...
bugs.chromium.org/p/chromium/issues/detail?id=833837
лкнулся с немного странным поведением. По крайней мере, мне это кажется странным. Вы можете проверить это здесь:https://fiddle.jshell.net/mxmcd9Lw/8/show/ [https://fiddle.jshell.net/mxmcd9Lw/8/show/] В основном, когда высота элемента ...
Это решило это отлично, спасибо
у меня есть простой набор из трех абзацев на мобильном устройстве, который я хочу стилизовать в сетке на больших окнах просмотра без изменения исходного порядка. В первом разделе может быть что угодно, от нескольких строк до отсутствия контента ...
Обе коробки появляются справа для меня в Chrome 72
сто заметил некоторые значенияalign-self собственность, которую я не видел раньше. Чтоstart, end, self-start, а такжеself-end и чем они отличаются отflex-start а такжеflex-end? Я имел в видуруководство по ...
Вот полный пример:
есть неявная сетка сgrid-auto-rows а такжеgrid-auto-columns, Однако мы также можем использоватьgrid-template-rows/grid-template-columns в комбинации сrepeat а такжеauto-fit создать явную неявную сетку. Есть ли что-нибудь, что мы можемтолько ...
@DavidGenger, когда вы достигнете уровня спецификации, вы окажетесь у источника. На «почему» могут ответить только авторы спецификаций и разработчики браузеров. Это может быть связано с технической сложностью, конфликтом с другими функциями или просто с выбором, который нужно было сделать на развилке дороги. Кто знает? Но, надеюсь, проблема решена на уровне 2 сетки.
нципе, я не понимаю, почему это работает: .grid { display: grid; grid-template-columns: repeat(4, min-content); }Но это не работает: .grid { display: grid; grid-template-columns: repeat(auto-fill, min-content); }Я действительно хочу сделать ...