如何将HTML DIV表拆分为两个部分？

我有一个10列的div定价表。请参见下面的示例表片段

我现在面临的问题是，屏幕上的桌子太宽了。我想把前5项放在上面，剩下的5项放在下面

是否可以使用css将表拆分为两个部分

谢谢

.divTable{
显示：表格；
宽度：100%；
}
.divTableRow{
显示：表格行；
}
.表格标题{
背景色：#EEE；
显示：表头组；
}
.divTableCell、.divTableHead{
边框：1px实心#999999；
显示：表格单元格；
填充：3x10px；
}
.表格标题{
背景色：#EEE；
显示：表头组；
字体大小：粗体；
}
.桌脚{
背景色：#EEE；
显示：表尾组；
字体大小：粗体；
}
.表格正文{
显示：表格行组；
}

项目1
项目2
项目3
项目4
项目5
项目6
项目7
项目8
项目9
项目10
aaa
bbb
ccc
ddd
eee
fff
ggg
啊
三,
jjj

仅使用该DOM结构无法使用CSS。你需要改变你的结构，也许两张桌子一张接一张

旁注：对于表，应该使用

table

元素，而不是

div

s。也可以查看flexbox

下面是一个变化最小的示例：

.divTable{
显示：表格；
宽度：100%；
}
.divTableRow{
显示：表格行；
}
.表格标题{
背景色：#EEE；
显示：表头组；
}
.divTableCell、.divTableHead{
边框：1px实心#999999；
显示：表格单元格；
填充：3x10px；
}
.表格标题{
背景色：#EEE；
显示：表头组；
字体大小：粗体；
}
.桌脚{
背景色：#EEE；
显示：表尾组；
字体大小：粗体；
}
.表格正文{
显示：表格行组；
}

项目1
项目2
项目3
项目4
项目5
aaa
bbb
ccc
ddd
eee
项目6
项目7
项目8
项目9
项目10
fff
ggg
啊
三,
jjj

try:.divTableRow{display:inline block；}老实说，我不想显示表，而是使用flex布局，因为它是用于这种行为的。@SkyeMacMaster谢谢，但它不起作用。