基于单元格宽度的文本截断

时间:2014-08-21 10:43:13

标签: javascript jquery html

我需要javascript ellipsis文字截断的解决方案。

有一个百分比表可以根据屏幕分辨率重新调整大小。在重新调整屏幕大小时,当表格单元格到达20px时,它应截断其中的文本。这意味着它不应该将宽度减小到20px以下。

我已经使用css解决方案(ellipsis)完成了这项工作,但遗憾的是并没有广泛支持所有浏览器所以我正在寻找纯java脚本解决方案来通过计算单元格宽度来截断文本。

这是我如何使用css

td{
  background:#cccc33;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: auto;
  max-width: 20px;
  overflow: hidden;
}

DEMO

0 个答案:

没有答案