CSS网格/表格问题

我有一个我正在用CSS设计的表格。是的，我知道，桌子不好等等。我希望TD的“网格”都具有其所在行的高度

---

你会看到他们是否有不同的内容，他们看起来都很混乱！不想使用Javascript。

你所要做的就是给你

td

s一个高度，然后给

div

s一个

高度：100%

---

这里是小提琴：

你所要做的就是给你

td

s一个高度，然后给

div

s一个

高度：100%

---

问题是：

表格并不是自动坏掉的。表格非常适合显示表格数据。。。即使你现在做的似乎不是这样

将样式从div移动到表格单元格…查看我更新的小提琴，了解一些CSS更改。我认为您可以从标记中删除div，因为它们没有通过CSS用于任何事情

---

表格不会自动损坏。表格非常适合显示表格数据。。。即使你现在做的似乎不是这样

将样式从div移动到表格单元格…查看我更新的小提琴，了解一些CSS更改。我认为您可以从标记中删除div，因为它们没有通过CSS用于任何事情

---

你的问题很难理解。也许你可以澄清一下——这就是你想要的吗？还要注意溢出的文本是如何在一个可滚动的div中的-稍后将详细介绍

链接：

如果是，只需添加height CSS属性即可。另外，处理文本溢出总是很好的，尤其是在表行（div）中的文本比div本身大的情况下。将这些添加到“table td div”属性中，以在新小提琴中实现效果：

height:200px;
/* or whatever height you'd like them to be */
overflow:auto;
/* makes all overflowing text have a scrollbar */

---

你的问题很难理解。也许你可以澄清一下——这就是你想要的吗？还要注意溢出的文本是如何在一个可滚动的div中的-稍后将详细介绍

链接：

如果是，只需添加height CSS属性即可。另外，处理文本溢出总是很好的，尤其是在表行（div）中的文本比div本身大的情况下。将这些添加到“table td div”属性中，以在新小提琴中实现效果：

height:200px;
/* or whatever height you'd like them to be */
overflow:auto;
/* makes all overflowing text have a scrollbar */

---

表格只有在用于布局时才是坏的。如果正在显示的数据是表格，请继续使用表格。“从不使用表格”的绝对主义立场是完全错误的。表格只有在用于布局时才是糟糕的。如果正在显示的数据是表格，请继续使用表格。“永远不要使用桌子”的绝对主义立场是完全错误的。@cgillis：它确实有效。只是它需要一个更大的

height

值：当用户输入的注释“太长”时。这需要适用于所有情况，我不能为TD元素设置静态高度。他们会改变的！然后您必须使用Javascript/jQuery或更改标记。基本上，您必须停止使用表进行标记，并切换到使用

div

s。然后，您必须为每个项目创建2个

div

s：一个用于样式，一个用于内容。这是一个相当复杂的解决方案，不可能包含在这里的1条注释中。请在此处阅读：。然而，为了简单起见，我会使用javascript/jQuery…@cgillis:它确实有效。只是它需要一个更大的

height

值：当用户输入的注释“太长”时。这需要适用于所有情况，我不能为TD元素设置静态高度。他们会改变的！然后您必须使用Javascript/jQuery或更改标记。基本上，您必须停止使用表进行标记，并切换到使用

div

s。然后，您必须为每个项目创建2个

div

s：一个用于样式，一个用于内容。这是一个相当复杂的解决方案，不可能包含在这里的1条注释中。请在此处阅读：。然而，为了简单起见，我会使用javascript/jQuery…是的，我不想要一个可滚动的div。我想我必须使用javascript来实现这个。是的。使用Javascript或JQuery。是的，我不想要可滚动的div。我想我必须使用Javascript。是的。使用Javascript或JQuery。我们有一个赢家。这正是我想要的。注意：HTML中需要cellspacing=“10”作为表属性。cellspacing不是一个有效的css属性（至少根据我的文本编辑器），我们有一个赢家。这正是我想要的。注意：HTML中需要cellspacing=“10”作为表属性。cellspacing不是有效的css属性（至少根据我的文本编辑器）