#css
#css
Вопрос:
Это мое повторяющееся сомнение, и я некоторое время искал решение, но я всегда заканчиваю тем, что обрабатываю и «адаптирую» таблицу стилей.
Мой вопрос в том, что у меня есть список с несколькими элементами, и я хочу создать сетку с гибким переносом, но когда содержимое разбивается на равные части, если есть шесть элементов, это будет три сверху и три снизу, если это десять, это будетпять сверху и пять снизу, начиная с этого момента.
Каждый раз, когда я использую это @mediascreen , но я думаю, что это непрактичный способ решения этой проблемы, и я ищу другой способ решить эту проблему, это может быть с помощью grid junction или чего-то подобного, но идея заключалась в том, чтобы прекратить его использование @mediascreen .
Ответ №1:
Вы можете попробовать использовать эти дочерние свойства для изменения размеров элементов:
Flex-grow: https://www.w3schools.com/cssref/css3_pr_flex-grow.asp
Flex-shrink: https://www.w3schools.com/cssref/css3_pr_flex-shrink.asp
Flex-basis: https://www.w3schools.com/cssref/css3_pr_flex-basis.asp
В любом случае, я не знаю, можно ли изменять пробелы между элементами: вы можете попробовать с полями каждого элемента. (поле верхней строки отличается от поля нижней строки)