如果超过父母宽度，如何测量标签的宽度

Question

我在代码中有一个带有标签的部门，我想通过javascript知道标签的完整宽度， 但标签似乎自动崩溃以适应分区。 因此，如果我测量标签宽度，则为分区的100px。

<div style="width: 100px; overflow: hidden; background-color: lime;">
    <label id="getMyWidthLabel" style="background-color: cyan;">
        Some text which is longer than the div's 100 pixels.
    </label>
</div>

现在，如果我在标签上放置一个宽度，如style =“width：200px”，我会看到偏好的外观（没有折叠，但标签不再可测量。

我需要什么css或javascript以及为什么？

编辑： 我想测量标签的宽度，如下所示：

但是因为它处于一个分区中，它会自动断开，我无法再测量全宽：

Answer 1

您应该添加white-space：nowrap以允许内容溢出父元素。

<div style="width: 100px; overflow: hidden; white-space: nowrap;">
    <label id="getMyWidthLabel" class="lb">
        Some text which is longer than the div's 100 pixels.
    </label>
</div>

小提琴：http://jsfiddle.net/0qdzd9do/