html - CSS:如何对齐表格数据

Question

如何使 BDS 与教育保持一致？不使用 white-space:nowrap。

<div class="doc-schedule clearfix">
  <p>
    <table style="border: 0px;border-style: none">
      <tr>
        <td><strong>Speciality</strong></td>
        <td class="tdPadding"><span>{{ page.dentist_specialty }}</span></td>
      </tr>
      <tr>
        <td><strong>Education</strong></td>
        <td class="tdPadding"><span>{{ page.dentist_education }}</span></td>
      </tr>
      <tr>
        <td><strong>Work Days</strong></td>
        <td class="tdPadding"><span>{{ page.dentist_workdays }}</span></td>
      </tr>
    </table>
  </p>
</div>
........

Answer 1

tr 默认居中垂直对齐

添加这个

tr {
  vertical-align:top
}

DEMO