随着浏览器窗口变大/变小，如何捕获元素的宽度答案

【问题标题】：how to capture a width of an element as the browser window gets bigger/smaller随着浏览器窗口变大/变小，如何捕获元素的宽度
【发布时间】：2012-09-06 22:07:14
【问题描述】：

当浏览器窗口变大/变小时，如何使用 javascript 来捕捉元素的宽度？

我要解决的问题是
我在 td 中有几行文本，但如果我的内容长度超过 td 的长度，我只想显示“...”。随着浏览器窗口的变化，我想动态确定是否应该使用 . .. 或者我的内容有足够的空间。

与分辨率无关，与窗口的实际大小有关，您可以在其中拖动窗口的角以使其变大/变小

谢谢！

【问题讨论】：

所以如果分辨率变大，您希望 td 重新调整大小，例如从 12XX x 10XX 变为 19XX x 14XX 对吗？
与分辨率无关，与窗口的实际大小有关，您可以拖动窗口的角使其变大/变小
你可以收听window.onresize事件...
我相信已经有一篇关于这个的帖子：stackoverflow.com/questions/8717506/… google 搜索上的第一个链接。

标签： javascript html syntax

【解决方案1】：

您可以通过侦听 window.onresize 事件 (jquery : http://api.jquery.com/resize/) 自己实现它。或者只使用如下插件：

http://dotdotdot.frebsite.nl/

顺便说一句，我在谷歌中搜索了“省略号 jquery”。省略号是“...”

【讨论】：

【解决方案2】：

window 对象有一个您可以收听的onresize 事件：

 window.onresize = function () {
    // if the size is small add `...` if large remove `...`
 }

【讨论】：