我正在努力使用户创建的列具有响应性。 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%?