html - 表头重复打印时下标或上标标签内容丢失

Question

enter image description here表头在pdf报告中重复，但上标和下标的内容只显示在第一页，重复时不显示。

有关详细信息，请查看图片。

first Page where content in super or subscript tag is shown

Second Page where content in super or subscript tag is lost

下面是代码

 <table>
          <thead>
            <tr>
              <th>SubLayer No</th>
              <th>Top Elevation (ft)</th>
              <th>Bottom Elevation (ft)</th>
              <th>Layer Thickness (ft)</th>
              <th>
                Total Unit Weight (lb/ft<sup>3</sup>)
              </th>
              <th>Void Ratio</th>
              <th>Friction Angle</th>
              <th>
                Cohesion (lb/ft<sup>2</sup>)
              </th>
              <th>
                Constrained Modulus (lb/ft<sup>2</sup>)
              </th>
              <th>Compression Index</th>
              <th>Recompression Index</th>
              <th>OCR</th>
              <th>
                Maximum Past Stress (lb/ft<sup>2</sup>)
              </th>
              <th>Poisson's Ratio</th>
              <th>Dc/Ds</th>
              <th>
                Soil &sigma;<sub>v</sub> at Mid-Layer (lb/ft<sup>2</sup>)
              </th>
              <th>
                Column &sigma;<sub>v</sub> at Mid-Layer (lb/ft<sup>2</sup>)
              </th>
              <th>
                Unit Cell Area (ft<sup>2</sup>)
              </th>
              <th>
                Column Area (ft<sup>2</sup>)
              </th>
            </tr>
          </thead>
          <tbody>{subLayersView}</tbody>
        </table>

Answer 1

使用 CSS 试试这个

 <style>
        .sup {
        font-size: 60%;
        vertical-align: super; 
        }

 </style>