如何用jquery检测span的实际宽度

Question

我想在div元素中获得实际的span宽度，这个元素具有一定的宽度但是当我这样做时给我宽度为div。

这是我的代码：

<div class="content">
     <span class="type-text" id="tala">my name is marcos kasiri as2215fhkoj</span>
</div>

这是我的CSS代码：

.content {
    display: block;
    padding: 5px 10px;
    width: 200px;
}

.content span {
   display: block;
   word-wrap: break-word;
   color: white;
}

请告诉我如何使用jquery获得真正的跨度值。

我的朋友我有一个宽度为div的div：200px我在跨度写任何单词这个单词作为div更大但是这个跨度继续下一行。所以当我想要得到这个跨度宽度显示200px但我知道这个跨度大于200px ......

Answer 1

通过制作元素display:block，你实际上是在告诉它取其容器的整个宽度（因为没有其他东西可以限制宽度）。

尽量不要display:block。请改为inline-block。

Answer 2

使用$（“tala”）。width（）它返回匹配元素集中第一个元素的计算宽度。有关更多信息，请查看jquery width documentation