Question

我想为表结构中的td赋予高度。我正在使用这个在drupal中通过mpdf生成器创建pdf。
我尝试将内联css给予td但根本没有反映。所以请帮我解决这个问题。
我的要求是我想要修复td，它不应该根据内部的数据长度而改变。

Answer 1

默认情况下，table-layout设置为auto。您需要将表格布局设置为fixed以使其适用于固定的td宽度/高度：

table{
   table-layout: fixed;
}

Answer 2

尝试将div放在该td中，并将所需的css分配给该div。

示例：

<table>
  <tr>
    <td>
      <div style='display: inline-block; height: 100px;'>

      </div>
    </td>
  </tr>
</table>

或：

<table>
  <tr>
    <td>
      <span style='display: inline-block; height: 100px;'>

      </span>
    </td>
  </tr>
</table>

Answer 3

td似乎没有强制固定高度。解决方法可以将td内容括在div中，并将样式应用于div。

以下是一个例子：

table {
  border-collapse: collapse;
  table-layout: fixed;
}
td {
  border: 1px solid grey;
}
.table1 td div {
  height: 30px;
  overflow: hidden;
}
.table2 td {
  height: 40px;
}

<table class="table1">
  <tr>
    <td>
      <div>Some text here Some text here Some text here Some text here Some text here Some text here Some text here Some text here Some text here Some text here Some text here
      </div>
    </td>
    <td>
      <div>Another text hereAnother text hereAnother text hereAnother text hereAnother text hereAnother text hereAnother text here</div>
    </td>
  </tr>
</table>
<br/>

<table class="table2">
  <tr>
    <td>
      Some text here Some text here Some text here Some text here Some text here Some text here Some text here Some text here Some text here Some text here Some text here
    </td>
    <td>Another text hereAnother text hereAnother text hereAnother text hereAnother text hereAnother text hereAnother text here
    </td>
  </tr>
</table>

在表中指定td的height属性

3 个答案: