css – 流体表与td nowrap和文本溢出?

前端之家收集整理的这篇文章主要介绍了css – 流体表与td nowrap和文本溢出?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
这是我的问题HTML:
<table style="width:100%">
  <tr>
    <td style="width:100%;overflow:hidden">
      <div style="overflow:hidden;white-space:nowrap;text-overflow:ellipsis;">long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long
      </div>
    </td>
  </tr>
</table>

这是我想要的:

<div style="overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:100%">long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long
</div>

那是:

>没有水平滚动条
> div不要使桌子和td这么宽
>调整浏览器窗口大小使得div的动态更改省略号

btw,无论如何在Firefox上的文字超文本溢出?

解决方法

编辑:使用CSS修复本身:
table { table-layout:fixed; width:100%; }
原文链接:https://www.f2er.com/css/219301.html

猜你在找的CSS相关文章