Question

我试图理解为什么我无法改变元素的宽度或高度。我正在使用jquery textfill库，直到添加了另一个破坏它的jquery库。调试后我发现它是因为我的$('.msg-text span:first')元素width是0。这是第一个奇怪的事情，因为在元素检查器中它的宽度不是0.而且高度也不同。没有多想，我把它的宽度设置为100，因为无论如何库都会改变它。但那并没有做任何事情。我的意思是 - 这是chrome开发人员工具的输出：

$('.msg-text span:first').width();
0
$('.msg-text span:first').width(100);
[<span data-in-effect="bounceIn" data-in-delay="30" data-in-delayscale="1" data-out-delay="30" data-out-delayscale="1" data-out-effect="bounceOut" data-out-reverse="true" class="ng-binding" style="display: initial;visibility: visible; font-size: 302px; height: 100px; width: 100px;">…</span>]
$('.msg-text span:first').width();
0

相同的高度。与其他元素一起尝试，这很好。将宽度设置为0的时刻是第二个库在其中插入内容element.html()

如果需要更多细节，我很乐意提供。另一个奇怪的事情是，对于我正在编写的特定页面，如果在某些特定位置停止代码，dom突出显示不起作用，当我在检查元素的宽度时停止代码时，我只看到它的形状（用那些虚线），并设置它的背景也不显示它。我怀疑这是否相关，但谁知道......

Answer 1

为了使其工作，您应该将“display：block”或“display：inline-block”添加到元素中。

无法更改元素尺寸

1 个答案: