CSS网格/表问题

时间:2011-08-19 15:13:03

标签: css

我有一张桌子,我正在使用CSS设计样式。是的,我知道,桌子很糟糕。我希望TD的“网格”都具有它们所在行的高度。

http://jsfiddle.net/p87Bv/1/

你会看到他们是否有不同的内容,他们看起来都混乱了!宁愿不使用Javascript。

3 个答案:

答案 0 :(得分:1)

表不会自动坏。表格非常适合显示表格数据......即使这似乎不是你正在做的事情。

将样式从div移动到表格单元格...查看我更新的小提琴,了解一些CSS更改。我认为你可以从标记中删除div,因为它们没有被CSS用于任何东西

http://jsfiddle.net/p87Bv/5/

答案 1 :(得分:0)

您所要做的就是给td一个高度,然后将div放在height: 100%内。

这是小提琴:http://jsfiddle.net/p87Bv/2/

答案 2 :(得分:0)

很难理解你的问题。也许你可以澄清一下 - 这就是你要找的东西吗?还要注意溢出的文本在可滚动的div中的含义 - 稍后会详细介绍。

链接:http://jsfiddle.net/ZFHUm/

如果是,就像添加高度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 */