Question

我有一个github pages website没有将其表格渲染到所需的大小。

例如，在this post中，表格通常呈现为：

<table>
  <thead>
    <tr>
      <th>Team</th>
      <th>Natural Alignment</th>
      <th>Natural Misalignment</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Development</td>
      <td>Faster Delivery of features</td>
      <td>Have to be engaged in operations, more “work” to do</td>
    </tr>
    <tr>
      <td>Operations</td>
      <td>Less fires, more consistency</td>
      <td>Have to learn a new skillset and be a beginner</td>
    </tr>
    <tr>
      <td>Security</td>
      <td>More consistency, compliance</td>
      <td>Automation can cause unknown vulnerabilities</td>
    </tr>
    <tr>
      <td>Business</td>
      <td>Faster ROI for development, lower cost for operations, and a scale model that works</td>
      <td>Takes ongoing investment in culture and tools</td>
    </tr>
  </tbody>
</table>

但它以非常小的字体显示。我的sass是：

/**
 * Tables
 *
 */
table, th, td {
  border: 1px solid black
}

table {
    width: 100%
}

th, td {
    height: 50px;
    font-size: 14px
}

tr:hover {
  background-color: #f5f5f5
}

Here is the github repository with the jekyll site on it。知道如何控制表格大小吗？

Answer 1

如果从主css中删除.table并将其替换为表

表是html固有的，所以引用一个body标签它只是body而不是.body这是一个类编辑行966

table {background-color: transparent;font-size: 3em;}

如何在github页面和sass模板中自定义表大小

1 个答案: