0

这是一个页面链接，其中我有一个表格，其中包含一些单元格中的文本。

表格的 HTML 是：

      <p>…committed to fostering the review of policy and law relating to public land.</p>
      <h2>Workshops &nbsp;&mdash;&nbsp; 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>

4

0 回答 0