这是一个页面链接,其中我有一个表格,其中包含一些单元格中的文本。
表格的 HTML 是:
<p>…committed to fostering the review of policy and law relating to public land.</p>
<h2>Workshops — Spring 2013 series</h2>
<table style="width: 100%;">
<tr class="table_top row_color_A" >
<td class="bold_type td" style=" width: 22%; "><a href="/pdf/The_Road_Less_Travelled.pdf">The Road Less Travelled</a></td><td class="td" style="width: 40%; ">Unused, orphaned and otherwise unloved roads</td><td class="td" style="width: 30%">Friday 26 July 2013<br />Monday 29 July 2013</td>
</tr>
<tr class="table_top row_color_B">
<td class="bold_type td row_color ">Off-Title </td><td class="td">How developments may flow across title boundaries</td><td class="td">Friday 6 Sept 2013</td>
</tr>
<tr class="table_top row_color_A">
<td class="bold_type td">Bathing Boxes and Boatsheds</td><td class="td">Deficiencies in Coastal Policy and Law</td><td class="td">Friday 20 Sept 2013</td>
</tr>
<tr class="table_top row_color_B">
<td class="bold_type td">Section 86</td><td class="td">How best to facilitate community management of public land</td><td class="td">Friday 6 Oct 2013</td>
</tr>
<tr class="table_top row_color_A">
<td class="bold_type td">Road Risk</td><td class="td">The Road Management Act protections against negligence</td><td class="td">Friday 25 Oct 2013</td>
</tr>
</table>
相关的 CSS 样式是:
body {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #555;
background-color: #6685a3;
}
table .table_top {
vertical-align: top;
}
table .bold_type {
font-weight: bold;
}
table .td {
border: 0px;
margin: 0;
padding: 4px 4px 20px 4px;
font-family: Helvetica, Arial, sans-serif;
font-size: 9pt;
}
table .row_color_A {
background-color: #e8e8e8;
color: #555;
}
table .row_color_B {
background-color: #9f9f9f;
color: #444;
}
链接到 CSS 文件
CSS 文件和 Inspect Element 手动检查都说表格文本小于正文文本 Table: 9pt Body:11pt 但它的渲染比正文大得多。
让我摸不着头脑……</p>