Я пытаюсь создать сетку CSS, которая имеет несколько столбцов с равными ширинами, которые я могу легко получить с помощью столбцов grid-template: repeat (12, 1fr) ;. Это отлично работает, пока я не начну вводить данные ...
В приведенном ниже примере - navbar - высота 27 пикселей, а top - высота авто; Проблема - если у меня есть контент внутри истории - прокрутка не работает. Это становится - контент-высота? как установить высоту истории - ...
У меня есть сетка из трех столбцов, и высота меняется, чтобы соответствовать всему тексту. .main .content Wrapper {высота: 60%; Запас-топ: 5%; Дисплей: сетка; grid-template-columns: 1fr 1fr 1fr; ...
Мой вопрос идентичен этому вопросу, но данное решение не работает. Вот кодекс того, с чем я работаю. Я пробовал два разных подхода, оба из которых почти правильные, но ...
Пытаясь узнать больше о CSS-сетке, я пытаюсь создать несколько разных макетов сетки. Я пытаюсь создать следующее: вот один из шагов: .wrapper {display: ...
Я пытался сделать простой макет сайта, используя CSS-Grid. Все работает просто отлично и отзывчиво, но когда я минимизирую свой браузер до действительно маленьких разрешений, появляются полосы прокрутки и ...
Существует ли более автоматический способ потока данных вокруг элемента? Я чувствую, что я очень близко подошел к CSS Grid, но в Grid есть так много уловок и трещин, которых я еще не нашел, поэтому ...
У меня есть следующий html: & lt; div class = "grid" & gt; & Lt; & DIV GT; {% для входа в записи%} & lt;! - django code - & gt; {{entry.reason}} {{entry ....
Я пытаюсь привести в порядок свой код, и у меня есть меню, которое я хотел бы организовать немного лучше. Есть ли способ выровнять меню в начале, конце или по центру, имея последний элемент в ...
То, что я хотел бы сделать, это сделать высоту #grid 160% от ширины #grid через calc (var (- grid-item-width) * 1.6), но похоже, что --grid-item-width обрабатывается в процентах от окна просмотра ...
Я хочу использовать CSS сетку одного конкретного контейнера. Но есть один прямой потомок, который я не хочу использовать в качестве элемента сетки. Есть ли свойство или метод для этого? Я не хочу менять местоположение ...
Я чрезвычайно новичок в программировании - я пытаюсь скопировать этот макет веб-страницы с помощью HTML & amp; CSS >>> Желаемый вид < < < До сих пор я использовал сетку CSS, и я думаю, что понимаю концепцию, ...
Я создаю простую форму, в которой я хочу иметь такой вид макета. Пока все хорошо, очень простые 2 столбца с вложенными 2 столбцами, все они определены с 0.5fr, что должно быть половиной от "free -..."
Я работаю с сеткой CSS. Я думал, что мог бы сделать один элемент сетки для гиперссылки, если бы обернул его в тег. Но я вижу, что это решение не работает. Вся сетка состоит ...
Css-grid не работает на краю, но на Firefox, Chrome, Safari .... работает отлично, я попытался префикс кода: вот это https://codepen.io/karolis-rusevicius/pen/aPxqbY Maby Я не определяя ...
Здравствуйте, мой HTML изначально выглядит так: < app > < div id = "preloader" > < / дел > < / & приложение GT; но после загрузки приложения его заменяют на < app > < div id = "main" > ...
i для поиска своего веб-сайта в браузере IE, чтобы увидеть… < style > body {margin: 5px; дисплей: -ms-grid; дисплей: сетка; ширина: 100%; -ms-grid-колонки: 9% 73% 17%; -ms-grid-row: 90px ...
Я создал CSS Grid для диалоговой сцены. Я использую функцию max-content для grid-template-columns, чтобы гарантировать, что самое длинное имя динамика определяет ширину левого столбца. Проблема заключается в .stage -...
В приведенном ниже фрагменте я пытаюсь создать сетку записей, каждая из которых имеет изображение, детали (заголовок и под-детали) и кнопку. Для сетки, содержащей эти записи (которые добавляются ...
Я собираюсь сделать свои первые шаги с помощью CSS Grid, до сих пор использовав Bootstrap плюс Javascript для гридов. То, с чего я хочу начать, - это то, что, как я знаю, очень просто, если бы я знал, как ....
Я собираюсь создать макет с динамическим количеством изображений, все через css-grid, но у меня есть проблема, я хотел бы, чтобы первые 10 изображений были креативно оформлены, в то время как более поздние я хотел бы иметь ...
У меня есть три элемента в моем HTML-коде. Я хочу расположить элемент с правой стороны, не удаляя его из потока документов. < div class = "container" > < header class = "main-header" & ...
Смотрите изображение, чтобы увидеть, как оно сейчас. Я хочу, чтобы желтая часть (.content) сдвигала нижнюю черную часть (.footer) вниз и расширялась, чтобы занять все оставшееся пространство экрана (горизонтальное и вертикальное). Но как вы ...
Я хочу написать ниже CSS-сетку с синтаксисом SASS. В настоящее время он работает только в синтаксисе SCSS. Используя синтаксис SASS, я хотел бы уменьшить [{] и [;], поскольку SASS автоматически добавляет эти символы во время / ...
Предположим, у меня 3-столбчатая CSS-Grid. Есть ли способ, используя JavaScript, для получения строки сетки и столбца сетки элемента с автопостановкой? Пример: console.log ($ ('# test'). Css ('grid-row'), $ ('# test'). Css (...
Я создавал это приложение, и я хотел создать элемент внутри другого элемента, который, когда будет показан, займет всю страницу, что-то вроде .fullpage {position: fixed; top: 0; left: 0; ...
У меня есть веб-страница, которая содержит несколько div, например, с использованием css-grid (divA и divB). Также у меня есть 2 монитора (физические экраны). Я хочу отображать divA на первом мониторе, а divB на втором ...
Я хочу сделать CSS-сетку с динамическим числом ячеек. Для простоты предположим, что в строке всегда будет четыре ячейки. Можно ли указать сетку с таким динамическим числом ...