时间戳

首页 > 解决方案 > CSS水平调整大小不适用于Firefox

html - CSS水平调整大小不适用于Firefox

问题描述

我正在使用 CSS resize: Horizo​​ntal 使我的表格标题可调整大小。它可以在 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;
}

标签： htmlcss

解决方案

将标题内容放在 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>

推荐阅读