Я работаю над тем, чтобы сделать столбцы, созданные пользователем, адаптивными.CMS может генерировать многоколонку от 1 до 10, и каждое значение столбца может быть создано с установленной шириной, которая составляет от 10%, 25%, 33%, 50%, 66%, 75%, 100%.[Интерфейс CMS] [1] [1]: https://i.stack.imgur.com/DYZrU.png
Я делаю адаптивную сетку изображений, которая должна быть нацелена на все возможные размеры столбцов, которые может создать пользователь, и изогну ее в% на основе шириныразмер столбца (ширина: 10%, чем flex: 10%): [как создаются столбцы кода cms] [2] [2]: https://i.stack.imgur.com/vVWvP.png Итак, вот пример того, как я настроил таргетинг на многоколонкукласс:
.row.cms-extra-style div[class^= "multicolumn"]/*.multicolumn10*/{
display: flex;
flex-wrap: wrap;
padding: 0 4px;
align-items: center;
}
.multicolumn10>.column{
flex: 10%;
max-width: 10%;
margin-top: 8px;
padding: 0 4px;
}
Тем не менее, все, что .multicolumn10 будет 10%, что не так.Пользователь может сделать многоколонку 10 @ 10%, 25%, 33%, 50%, 66%, 75%, 100%.но CMS делает это, добавляя встроенную "style width:%";так есть ли способ сказать, если этот столбец имеет ширину% flex: same% в CSS?