Question

每当我向<td>添加文字时，此表都没有显示它的样式：

<td rowspan="3">
30th May 2014 17:35...

我做错了什么？

<style type="text/css">
.tftable {font-size:12px;color:#333333;width:100%;border-width: 5px;border-color: #9dcc7a;}

.tftable th {font-size:12px;background-color:#abd28e;border-width: 5px;padding: 8px;border-style: solid;border-color: #9dcc7a;text-align:center;}

.tftable tr {background-color:#ffffff;}

.tftable td {font-size:12px;border-width: 5px;padding: 8px;border-style: solid;border-color: #9dcc7a;}

</style>
<table class="tftable" border="5">
<tr>
<th>Super Tips Max Selections</th>
<th>Special Bonus</th>
<th>Preformance Graph And History</th>
</tr>
<tr>
<td rowspan="3">
30th May 2014 17:35 Newcastle It's All A Game
30th May 2014 18:15 Tramore Trazar
30th May 2014 20:30 Down Royal Toccata Blue
30th May 2014 20:55 Stratford Ullswater</td>
<td>Row:1 Cell:2</td>
<td rowspan="3"><img align="right" width="440" src="https://docs.google.com/a/systemlays.co.uk/spreadsheet/oimg?key=0Al8zqdk2bymPdHBhRDg1cENHUU9JX2VQSmlOX2NRdWc&oid=1&zx=x0i7dkkt7k3l" /></td>
</tr>
<tr>
<td>Row:2 Cell:2</td>
</tr>
<tr>
<td>Row:3 Cell:2</td>
</tr>
</table>

Answer 1

你的CSS风格完全没问题。你认为什么是不正常的？您可能想尝试显示

'2014年5月30日17:35纽卡斯尔全场比赛2014年5月30日18:15 Tramore Trazar 2014年5月30日20:30 Down Royal Toccata Blue 5月30日 2014 20:55 Stratford Ullswater'

在不同的行中，您可以使用换行符br或偶数表。

Answer 2

您可以尝试将<style></style>标记放在<head></head>标记内。

W3 Schools: Style Tag

Answer 3

@ user3573128好像你的问题已经解决了，是吗？如果您在完成此任务时遇到任何进一步的挑战，请告诉我们。将样式放在head标签中并将js放在页面底部总是更好。这加速了DOM加载。

HTML / CSS基本表样式

3 个答案: