CSS：如何对齐table数据

Question

如何对接北斗教育？不使用 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

CSS：如何对齐table数据

CSS: How to align table data

html

css

alignment

frontend

css-tables