Html 如何仅通过CSS为几个div标记创建一个表？

我有一个带有6个

标记的页面，无法访问该页面的Html。因此我尝试为这些字段创建一个带有css的表

请参见所附图片：

每4个字段的Html代码如下所示：

我的HTML代码在我的站点中如下所示：

<div class="group">
<h3>
<span>title-group</span>
</h3>
<div class="field-1">
<div class="field-label">field-1</div>
<div class="field-items">
<div class="field-item even">11111111</div>
<div class="field-item odd">2222222222222222</div>
<div class="field-item even">333333333333</div>
</div>
</div>
<div class="field-2">
<div class="field-label">field-2</div>
<div class="field-items">
<div class="field-item even">1111111111111111111111111</div>
<div class="field-item odd">22222222222222222222</div>
<div class="field-item even">333333333333333333333333333333333</div>
</div>
</div>
<div class="field-3">
<div class="field-label">field-3</div>
<div class="field-items">
<div class="field-item even">11111111111111111111111111111111111111111111</div>
<div class="field-item odd">222222222222222222222222222222222</div>
<div class="field-item even">3333333333333333333333333333333</div>
</div>
</div>
<div class="field-4">
<div class="field-label">field-4</div>
<div class="field-items">
<div class="field-item even">
<span class="file">fiele</div>
<span class="file">fiele</div>
</div>
</div>
</div>

添加css后的新图片：

<div class="group">
<h3>
<span>title-group</span>
</h3>
<div class="field-1">
<div class="field-label">field-1</div>
<div class="field-items">
<div class="field-item even">11111111</div>
<div class="field-item odd">2222222222222222</div>
<div class="field-item even">333333333333</div>
</div>
</div>
<div class="field-2">
<div class="field-label">field-2</div>
<div class="field-items">
<div class="field-item even">1111111111111111111111111</div>
<div class="field-item odd">22222222222222222222</div>
<div class="field-item even">333333333333333333333333333333333</div>
</div>
</div>
<div class="field-3">
<div class="field-label">field-3</div>
<div class="field-items">
<div class="field-item even">11111111111111111111111111111111111111111111</div>
<div class="field-item odd">222222222222222222222222222222222</div>
<div class="field-item even">3333333333333333333333333333333</div>
</div>
</div>
<div class="field-4">
<div class="field-label">field-4</div>
<div class="field-items">
<div class="field-item even">
<span class="file">fiele</div>
<span class="file">fiele</div>
</div>
</div>
</div>

---

请帮帮我

如果要使用表格，为什么不使用

table

标记而不是

div

？
但是如果您想使用

div

，您可以更改CSS使其成为一个表

.field-1{
显示：表格；
}
.外地项目{
显示：表格行；
}
.外地项目{
显示：表格单元格；
填充：15px 5px；
右边框：1px实心#000；
边框底部：1px实心#000；
}
.字段项：第一个子项{
左边框：1px实心#000；
}
.字段项：第一个子字段项{
边框顶部：1px实心#000；
}

测试
测试集设置测试集设置sdfsdf
sdifgs
测试集测试集设置
sdfsdf

如果要使用表格，为什么不使用

表格

标记而不是

div

？
但是如果您想使用

div

，您可以更改CSS使其成为一个表

.field-1{
显示：表格；
}
.外地项目{
显示：表格行；
}
.外地项目{
显示：表格单元格；
填充：15px 5px；
右边框：1px实心#000；
边框底部：1px实心#000；
}
.字段项：第一个子项{
左边框：1px实心#000；
}
.字段项：第一个子字段项{
边框顶部：1px实心#000；
}

测试
测试集设置测试集设置sdfsdf
sdifgs
测试集测试集设置
sdfsdf

我说我不能访问页面的Html，只能使用css。@UfguFugullu谢谢，我测试了它。这是我的Html代码：*——我有3个，必须是我表格的3列。帮助！！！你应该在你的第一个问题上附加这个问题，并添加一些详细的信息-什么是错的，应该做什么@省略谢谢，我编辑了我的帖子，并在修改后编写了新的html代码和带有新图片的css…您的代码还不能帮助我。有什么问题吗？似乎其他样式覆盖了表格的样式。您必须向我们展示影响

表格的所有样式，我认为您应该学习一些
CSS
basicsI，我说您无法访问页面的Html，只能使用CSS。@UfguFugullu谢谢，我测试它。这是我的html代码：*——我有3个，这必须是我的表的3列。帮助！！！你应该在你的第一个问题上附加这个问题，并添加一些详细的信息-什么是错的，应该做什么@省略谢谢，我编辑了我的帖子，并在修改后编写了新的html代码和带有新图片的css…您的代码还不能帮助我。有什么问题吗？似乎其他样式覆盖了表格的样式。您必须向我们展示影响
表格的所有样式，我认为您应该学习一些
CSS
基础知识