css - 针对 Django cms 中 Multicolumns 类中的列值进行响应式设计

Question

我正在努力使用户创建的列具有响应性。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 通过添加嵌入的“样式宽度：%”来实现它；那么有没有办法说这个列的宽度是否为 % flex: same% in CSS？

标签： cssdjangocontent-management-system