Javascript Jquery：添加具有设置列数和设置宽度的行

这对你来说可能听起来微不足道，但仍然

用户输入一个名称和两个数字，全部存储在变量中。这是重复多次的

我想在一个19列的行中显示数据，其中11列的大小为1，另一列的大小为8，从第一个插入的数字开始（当然在第二个数字结束）。在这个屏幕截图中有更好的解释：

大多数库被标准的每行12列“限制”（我通常使用引导），我不能使用，因为数据只有在同一行上才有意义。不需要担心额外的小屏幕，因为这将只在计算机上使用

也许是flexbox

当然可以接受建议：）

---

提前谢谢

只需创建两个类；一个是

1/19

th页面宽度，另一个是

9/19

th页面宽度。然后将两个元素向左浮动：

.one{
浮动：左；
宽度：计算值（100%/19）；
}
.8{
浮动：左；
宽度：计算（（100%/19）*8）；
}

1
1.
8.
1.
1.
1.
1.
1.
1.
1.
1.
1

使用Flexbox和

calc（）

和

flex-basis

可以将类应用于要变长的元素

*{框大小：边框框；}
.行{
显示器：flex；
}
.行>分区{
高度：10px；
弹性基础：计算（100%/19）；
边框：1px实心#999；
}
.行>分区：第n个子项（奇数）{
背景：ddd；
}
.row>.long{
弹性基础：计算（100%/19*8）；
}

---

好的，所以您有表格数据。用桌子有什么问题？有点像他们的目的。