无法更改元素的尺寸

我想了解为什么我无法更改元素的宽度或高度。我正在使用jquery textfill库，直到添加了另一个jQuery库以打破它。调试后我发现这是因为我的$('.msg-text span:first')元素的width是0。这是第一个奇怪的事情，因为在元素检查器中，它的宽度不是0.另外，高度是不同的。没有太多的思考，我把它的宽度设置为100，因为图书馆会改变它。但是这没有任何作用。我的意思是 - 这里是铬开发者工具的输出：无法更改元素的尺寸

$('.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突出显示不起作用，当我检查元素的宽度时停止代码，我只看到它的形状（与那些虚线），并设置它的背景也不显示它。我怀疑这是相关的，但是谁知道...

来源

2015-09-04 John

添加显示：block/inline-block – Akxe

@Akxe heh，那些小东西......：D你可以提交这个答案，因为它解决了这个问题，谢谢！ – John

小的方式成为答案;）高兴地帮助 – Akxe

为了使它工作，你应该添加'display：block'或'display：inline-block'给元素。

来源

2015-09-04 14:55:11 philippsh

无法更改元素的尺寸

回答

相关问题