表的小问题

时间:2014-03-20 23:25:22

标签: html css html-table

首先,我必须清楚表格不是我的东西。我尝试尽可能少地使用桌子,因为当涉及到它时,我只是一个绝对的残骸。 但是在这种情况下,我试图制作一个google plus-ish" news feed"科学发现的年代表(作业)必须与我最黑暗的噩梦一起工作。

一切顺利,直到我试图改变每个细胞之间的空间。它只是让我让空间更大,而不是增加填充或其他任何东西,我甚至尝试放置透明边框,但只是失败。

这是一个小伙伴:jsfiddle.net/4J7sb/

table.chronos {
 font-family: 'Roboto', sans-serif;
 font-weight: 300;
 font-size: 1.3em;
 color: #121212;
 text-align: left;
}

请全屏,谢谢。

我希望它看起来更像http://plus.google.com,spacy和clean,但它不会让我失望。 我非常讨厌桌子。

1 个答案:

答案 0 :(得分:3)

虽然最好远离表格,但你可以使用CSS样式:

table.chronos {
    border-spacing: 20px;
    border-collapse: separate;
}