Результаты поиска по запросу "css-grid"
сломать этот механизм?
читал много уроков по CSS flex box и CSS сеткам, но, честно говоря, я просто не могу понять, как сделать эту простую (?) Вещь. Все, что я хочу, это чтобы элементы в контейнере были такими же широкими, как и самый широкий элемент. Я не хочу, ...
@ Собака, достаточно честно. Конечно, это было бы круто, чтобы иметь в Grid Layout. Возможно в будущей версии.
периментировал с CSS Grid и застрял в поиске наиболее эффективных средств для обтекания текста<div> элемент, который расположен частично поверх двух других<div/> элементы. По сути, как и на изображении ниже, я хочу, чтобы текст в красных и синих ...
Так что это будет исправлено, даже если верхние столбцы не равны нижним столбцам
вая текущий пример сетки CSS, как я могу свернуть границы, чтобы избежать двойных границ? Это такая простая вещь, чтобы достичь с помощью таблицы HTML. Как мне это сделать, используяdisplay: grid ? .wrapper { display: grid; ...
это не будет работать для установки, где grid-template-column имеет auto, потому что некоторое содержимое может расширить столбец в одной строке больше, чем в другой
аблица, созданная с помощью CSS Grid Layout, но у меня есть проблема с ней, я не могу установить состояние наведения на каждую строку. Я только хочу использовать CSS для этого. Кто-нибудь может дать мне решение для этого? .table { display: ...
Подсетка 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; ...
РЕЗУЛЬТАТ ДЛЯ КОДА
ствительно смущен. При поиске онлайн-ресурсов и документации большая часть документации по этим свойствам, похоже, ссылается на Flex-box, а не на grid. И я не знаю, насколько применима документация для эквивалентных свойств в Flex-box ...
доступно, другие решения, которые являются взломами, будут поражены.
стиемспецификация сетки [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 { ...
Не в ряд, а между сетками с разным содержанием.
ент ниже использует CSS Grid для увеличения количества столбцов для широких контейнеров. Для узких контейнеров (например, раскомментируйтеwidth: 80vw или изменить размер примера), он добавляет неявные строки (только 2 явные вgrid-template-rows ...