Результаты поиска по запросу "css-grid"
Я добавил это, но это просто делает его выпадать внизу ... Я пробовал Object-fit - но это ничего не делает
я есть CSS-макет сетки с кучей областей и фотоконтейнером. Я не знаю как: контролировать размер фотографии, чтобы она находилась в пределах сетки сохраняйте ширину фотографии на уровне 100% (таким образом, равную его контейнеру) и ...
Разместите полную демонстрацию. Это может быть проблемой, которую можно преодолеть.
у создать сетку с адаптивными квадратами. Я чувствую, что должен быть в состоянии сделать это с помощью CSS Grid layout, но у меня возникли проблемы с установкой высоты каждого квадрата, равной ширине. Также возникают проблемы при установке ...
Обе коробки появляются справа для меня в Chrome 72
сто заметил некоторые значенияalign-self собственность, которую я не видел раньше. Чтоstart, end, self-start, а такжеself-end и чем они отличаются отflex-start а такжеflex-end? Я имел в видуруководство по ...
@DavidGenger, когда вы достигнете уровня спецификации, вы окажетесь у источника. На «почему» могут ответить только авторы спецификаций и разработчики браузеров. Это может быть связано с технической сложностью, конфликтом с другими функциями или просто с выбором, который нужно было сделать на развилке дороги. Кто знает? Но, надеюсь, проблема решена на уровне 2 сетки.
нципе, я не понимаю, почему это работает: .grid { display: grid; grid-template-columns: repeat(4, min-content); }Но это не работает: .grid { display: grid; grid-template-columns: repeat(auto-fill, min-content); }Я действительно хочу сделать ...
не работает
.parent { position:fixed; width:100%; left:0; top:14px; display:grid; grid-template-columns:40% 60%; grid-gap:5px; background:#eee; } .left { border:2px solid red; } .right { border:2px solid red; }<div class='parent'> <div ...
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 - это хак: хаки увеличивают сложность, усложняя поддержку кода и склонность к другим ошибкам, и рано или поздно они перестанут работать.
отаю над страницей с довольно простым макетом - в основном это таблица данных, но я использую сетку, чтобы столбцы корректно корректировались в зависимости от размера контента. Я хочу сделать строки сортируемыми (используя jQuery), поэтому мне ...
Вот основной пример:
даю форму, которая имеет обязательные поля. Чтобы пометить их как обязательные, я ставлю звездочку (*) как::before элемент и плавающий прямо так, чтобы это было в верхнем правом углу поля. У меня проблема в том, что некоторые из этих полей ...
Предотвратить расширение области сетки, заставляя прокручивать всю страницу
у меня есть эта сетка: +---------+------------------------------+---------+ | <div> | <p> - 1000 characters long | <div> | +---------+------------------------------+---------+ внутриp есть супер длинная строка без пробелов.divs заполнители с ...
! Я попробовал flex, flex-grow, Grow и т. Д. Перед публикацией: p
ли аналогflex-grow длясетка [https://developer.mozilla.org/en-US/docs/Web/CSS/grid]свойство ? Я бы хотел, чтобы мои области сетки содержали контент, который они получают, но некоторые области занимают больше места, чем другиеflex-grow ...