Результаты поиска по запросу "css3"
@Ted не уверен, что вы можете объединить 3 ограничения внутри grid-template-column, но да, подождите, возможно, есть какой-то магический трюк с Grid;)
ли способ,без использования медиа-запроса, чтобы ограничить количество создаваемых столбцов и объединить это с автоподгонкой / заполнением? Например: grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));Создает замечательный, отзывчивый ...
а также
аюсь создать макет, который использует сетку, которая занимает весь видовой экран браузера (height: 100vh), а затем позволяет элементу div внутри одного из элементов сетки прокручиваться в измерении Y. Вот пример кода. Есть три области сетки: ...
Можете ли вы отредактировать пост и обновить его в ответе, если это возможно, то это хорошее решение
у сделать следующий дизайн: [/imgs/I5TBU.png] Я пробовал с:after а также:before Но это не работает. Вот мой текущий код: .design { background: #ea053a; display: inline-block; height: 155px; margin-left: 33px; margin-right: 40px; position: ...
@SanderMoolin на самом деле нет, но было бы интересно иметь функцию floor () или round () .. возможно на будущем уровне;)
ел бы рассчитать количество строк в шаблоне сетки, используяcalc(), но пытается получитьrepeat подсчет с делением не работает: .grid { display: grid; grid-gap: 10px; grid-template-columns: 1fr; margin-bottom: 10px; background: rgba(0, 0, 0, ...
поставить любое количество
ли способ заставить все элементы в последнем ряду сетки, чтобы заполнить строку, независимо от того, сколько их? Я не знаю, сколько предметов будет в сетке, поэтому я не могу нацелить их напрямую. Я пытался использоватьgrid-auto-flow: dense, но ...
удалить внутреннюю тень ввода текста
Итак, у меня есть ввод текста, я использую html5, в Chrome, и я хочу изменить внешний вид ввода текста, я удалил контур на фокусе (оранжевый на хром), я уста...
, В этом случае это становится совершенно новой проблемой. Vh и vw - это единицы браузера, которые определяются на основе размера экрана, поэтому мы не можем использовать их для определения обрезанного изображения. Я думаю, что было бы безумно пытаться сделать это, но я рекомендую вам задать новый вопрос, подробно описывающий все это, и, возможно, мы сможем найти обходной путь для достижения того, чего вы хотите
ано изображение в формате JPEG, которое нужно обрезать с помощью CSS, а затем расширить для соответствия1200px x 1000px коробка. Вот что у меня так далеко: #top-image { display: block; clip-path: inset(0px 103px 45px 105px); margin-left: ...
Вот последний фон:
ользую радиальные градиенты на новом сайте, который я создаю, но цвета отображаются в Safari по-разному (намного темнее) на рабочем столе. Есть ли лучший кросс-браузерный синтаксис для использования? Я пробовал разные префиксы, но это не решило ...
Следуйте структуре
я есть некоторые формы, которые структурированы с помощьюdisplay:table-row а такжеdisplay: table-cell, На Firefox 52 я мог скрыть элемент ячейки, используяvisibility:hiddenскрывая ячейку, но сохраняя структуру, определенную CSS (вместо ...
еще лучше, потому что он делает то, что вы хотите, и делает код легче для понимания.
шел из тяжелого опыта работы с div / float для создания адаптивных сайтов (например, Bootstrap 3, Foundation) и кратко использовал Flex box, но пытался использовать Grid везде, так как он был действительно хорош в решении ряда проблем. Я, ...