javascript - 使用 jQuery 计算溢出文本的宽度

标签 javascript jquery html css

我有一些 div,它们在具有固定宽度的容器内包含不同数量的文本。为了阻止文本溢出容器外,我使用了以下 CSS:

overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;

有什么方法可以计算出文本未被 chop 时的宽度吗? 使用以下代码仅提供 trim 后的宽度。

$('.boxText').width();

澄清一下 - 我说的是宽度。 不是字符长度。

最佳答案

var divWidthBefore = $('.boxText').width();
$('.boxText').css('width','auto');
var divWidth = $('.boxText').width();
$('.boxText').width(divWidthBefore);

关于javascript - 使用 jQuery 计算溢出文本的宽度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21460058/

相关文章:

c# - 使用 jquery 在 html 表中显示来自模型(字典)的数据

javascript - 如何在 openlayers 3 中的图标周围添加可点击的边距?

javascript - 无法通过自定义快速验证器检查

jQuery ajax 过滤 Ruby on Rails 应用程序中的可排序表

javascript - Bootstrap Multiselect 插件过滤器大写

html - 如何将 calc() 与最小内容一起使用?

javascript - 如何在 jQuery 中获取两个事件之间的时间差?

Javascript 函数在 body onload 上无法正常工作

javascript - 如何在 WinDbg 中引用不同脚本中定义的 JavaScript 函数?

javascript - 如何删除jquery中悬停生成的工具提示