表格单元格/行不会拉伸以填充父级

Question

This has been resolved. I found this, and it works great for what I was trying to do.

---

---

---

---

---

请原谅我，因为我知道这是一个多余的问题。但是，我尝试了几个示例和教程，都无法得到我想要的。

我有一个表格，基本上如下，但重复了几千行。我需要将其转换为 div。单元格没有扩展到父级，当它们有文本时，它们都是不同的宽度。

需要如何做的例子（这是一张经典的桌子）：

and here is what I have so far...

这里有几行代码，因为 codepen 还不够...

<html>
<head>
</head>
</html>

我对桌子一点也不擅长。我正在尝试使其适合移动设备，这就是单元格是内联块的原因。

任何建议将不胜感激。

Answer 1

尝试使用引导程序，你可以在他们的网站上搜索教程。

Answer 2

您应该使用标准 HTML <table>，而不是使用 <div> 标签来伪造功能。我了解您想让这款移动设备友好，但这不是最好的方法。