1

我想获得 div 元素中跨度的实际宽度，该元素具有一定的宽度，但是当我这样做时，它会给我 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 获得真正的跨度值。

我的朋友我有一个宽度为 200px 的 div，我在 span 中写了任何单词，这个单词比 div 大，但这个 span 继续下一行。所以当我想得到这个 span 宽度时，给我看 200px 但我知道这个 span 是大于 200 像素...

4

2 回答 2

4

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

尽量不要成功display:block。试试inline-block吧。

于 2013-08-15T10:53:08.087 回答
1

使用 $("tala").width() 它返回匹配元素集中第一个元素的计算宽度。有关更多信息，请查看jquery 宽度文档

于 2013-08-15T10:56:38.493 回答