Html 如何很好地显示数据库中不断变化的数据

我必须按照以下格式显示数据库中的数据，我的数据是可变的，它可以包含一到五个变量。

如何使用html、css显示它们并保持它们良好的呈现？ 我试过使用div和span，但看起来不太好（图3表示我使用以下代码得到的结果）

列表1:{{en.form.nbTotalCon}

{{en.form.part1}
{{en.form.part2}
{{en.form.part3}
{{en.form.part4}
{{en.form.part5}}


项目：{en.form.nbTotalProj}

{{en.form.nomProj1}
{{en.form.nomProj2}
{{en.form.nomProj3}
{{en.form.nomProj4}
{{en.form.nomProje5}

好吧，这是一个尝试

$（文档）.ready（函数（）{
var cont=$（“.container”）；
cont.find（“.header”）.width（cont.height（）+（cont.find（“td>table td”）.length*10）；
cont.find（“td>table”）.css（{“左边距”：“-+（cont.find（“.header”）.height（））+“px”}）；///这里需要更多的工作
});
.header{
变换：旋转（-90度）；
宽度：149%；
身高：36%；
显示：内联块；
背景：灰色；
颜色：#fff；
文本对齐：居中；
左侧填充：0px；
填充顶部：15px；
利润率：0px0；
位置：相对位置；
排名：0；
左：-30px；
}
桌子{
最小宽度：300px；
身高：100%；
}
td表td{
边框：1px实心#CCC；
填充物：5px；
}
.集装箱{
高度：100px；
}
td>表格{
位置：相对位置；
左-10%；
}

这是标题
1.
2.
2.
2.
2.
如果没有其他内容，您应该学会从标记中外部化样式。这段代码因此变得一团糟。以后你会感谢我的。请记住，当您试图显示表格数据时，仍应使用
table
s。在您的情况下，这实际上是非常有意义的，并且简化了整个情况。