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

时间:2018-12-04 19:44:54

标签: css django content-management-system

我正在努力使用户创建的列具有响应性。 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%,25%,33%,50%,66%,75%,100%的multicolumn10。但是CMS通过添加嵌入的“样式宽度:%”来实现;所以有什么办法可以说此列的宽度是否为%flex:CSS中是否为same%?

0 个答案:

没有答案