CSS调整水平大小在火狐浏览器上不起作用

Question

我正在使用CSS调整大小：水平来调整我的表格标题的大小。它在Chrome和Opera浏览器上运行良好，而在Firefox浏览器上不起作用。

<th class="text-left pl-2 resize-table">
<label>Project Name</label>
<span class="pull-right">
<i class="fal fa-arrow-up sortClass" aria-hidden="true"></i>
</span>
</th>

.CSS

.resize-table {
overflow: auto;
resize: horizontal;
}

Answer 1

将标头内容放在div 内。然后使div 可调整大小：

<th class="text-left pl-2">
<div class="resize-table">
<label>Project Name</label>
<span class="pull-right">
<i class="fal fa-arrow-up sortClass" aria-hidden="true"></i>
</span>
</div>
</th>