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

时间:2015-04-16 14:29:34

标签: html css width parent css-tables

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>

我对桌子并不擅长。我试图让它适合移动设备,这就是为什么单元格是内联块的。

任何建议都将不胜感激。

2 个答案:

答案 0 :(得分:0)

尝试使用bootstrap,你可以在他们的网站上搜索教程。

答案 1 :(得分:0)

您应该使用标准HTML <table>而不是伪造使用<div>标记的功能。我知道你想让这个移动设备友好,但这不是最好的方法。