Articles of grid

Проблема Susy 2.1.3 относительно изменения макета в точке останова

Помогите мне нахмуриться, я нахожусь в моем пределе! Я пытаюсь сделать наиболее эффективный макет для моего проекта, и я столкнулся с тем, что мне не удалось выяснить с Susy / breakpoint. Я хочу, чтобы столбцы макета менялись на контрольных точках и не изменяли все отдельные интервалы div (так как это будет много разной ширины диапазона, […]

Загрузочная высота 4 строки

Я изо всех сил пытаюсь сделать растяжку подряд, чтобы заполнить остальную доступную высоту. Я попытался добавить h-100 в class строк, но это вызывает пробел в нижней части экрана. Должен быть способ сделать это, но я полностью потрясен. Вот мой код: ROW 1 ROW 2 codepen: https://codepen.io/ee92/pen/zjpjXW/?editors=1100 Я хочу, чтобы синяя строка (ROW 2) заполнила все […]

Center parent div с плавающими детьми

Я пытаюсь создать гибкую сетку. У меня есть родительский div, который содержит плавающих детей. В зависимости от ширины страницы число переменных отображается в строке. Дети должны быть сосредоточены. Чтобы получить «родительский» div для детей, я устанавливаю display:table в родительском div. См. Следующую скрипту: http://jsfiddle.net/dwjbosman/cXuQ6/5/ CSS: .page { background: #a00; width:700px; margin: 20px; } .Parent { […]

Bootstrap 4 – На экране 3 изображения в строке с 80% высоты экрана

У меня есть пара вопросов о сайте, которые я делаю с помощью Bootstrap 4. Я хотел бы сделать простую страницу, просто используя экранное пространство (без прокрутки, кроме мобильной версии) с логотипом в верхней части страницы, полная ширина navbar, а затем 2 строки из 3 изображений полной ширины, которые будут обрезаны по разрешению. Вот эскиз. Я […]

Галерея Sass Susy: элемент, который охватывает два столбца

Мне нужно сделать некоторые элементы галереи смешивания susy в двух столбцах, проблема такова, как показано на рисунке, она не подталкивает другие элементы после нее, хотя я пытался сделать это вручную. Как это можно сделать. Ссылка на код https://github.com/iyedg/IGBlogTheme

Динамическое изменение размеров ячеек сетки

Я пытаюсь создать двухстрочный трехсегментный сетчатый макет: Это довольно просто. Мне интересно, как расширить любую из указанных ячеек, заставив другие ячейки перегруппироваться вокруг расширенной ячейки: Я не ищу чисто-CSS-решение обязательно. У меня есть работа, но я жестко кодирую абсолютные позиции, основываясь на той ячейке, которую я расширяю, которая чувствует себя грязной: / Спасибо!

css font-size и line-height, не соответствующие базовой линии

Я пытаюсь сделать что-то, что должно быть очень просто, но я провел свой день между неудачами и форумами. Я бы хотел настроить свой шрифт, чтобы соответствовать моей базовой линии. В indesign это один клик, но в css он выглядит как самая сложная вещь на земле. Давайте рассмотрим простой пример с рациональными значениями. На этом изображении […]

Почему элементы сетки не центрированы?

По некоторым причинам два диапазона ввода делают верхние два элемента в сетке отцентрированы. Я предполагаю, что это из-за их теневого стиля DOM. Это на самом деле? Кто-нибудь знает, почему диапазоны делают элементы A и B отцентрированными? Вот код. body { margin: 0; background: #0d0d0d; } #center{width:2px;height:100%;position:absolute;left:calc(50% – 1px);background:red;} #grid { width: 80%; height: 30%; position: […]

Как сделать желоб между столбцами в сетке CSS

Кто-нибудь знает, как сделать 20px или 1em желоба для сетки ниже? Я получил все div s для всех подряд, но я хочу знать, как добавить желоб между каждым div. Я делаю это, чтобы узнать, как решетки сделаны. jsFiddle Здесь . body { font:20px/1.2 Verdana, Arial; padding:0px; margin:0px; } *, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: […]

Бутстреп-отзывчивая схема сетки (3 столбца) с обрушенным / скрытым col-12 под каждым элементом сетки

Я пытаюсь сделать столбец 100% отображаться под элементом внутри coloumn сетки бутстрапа. Поскольку это легче понять с картинками, вот чего я пытаюсь достичь: При выборе одного из изображений (от 1 до x) скрытый div (с каждым разным содержимым) должен отображаться под изображением в размере всего 12 столбцов: Однако мне удалось это сделать, используя меньшее разрешение, […]

Intereting Posts
Верхний и левый против margin-top & margin-left Список определения нескольких столбцов Высота и ширина стиля изображения не принимаются в почтовых сообщениях Outlook. Как создать / обновить / загрузить файл HTML во время выполнения Заставляет Angular JS работать в автономном режиме WordPress отключает форматирование редактора кода для страницы Изменение выбранного текста при выборе Как использовать scrapy.Request для загрузки элемента с другой страницы в элемент Сделать целое div clickable при работе: активное правило css в IE10 Python regex look-behind требует шаблона с фиксированной шириной Шрифт выглядит размытым после перевода в Chrome Как изолировать div от общедоступных стилей CSS? Есть ли способ обхода для maxlength ввода текста, который не работает в Safari? как динамически устанавливать значения combobox в javascript Получение текста для выравнивания в центре квадратов div