Это довольно легко получить ширину или высоту Div или Span, который содержит некоторые не форматированный текст, как, например:Получение динамической высоты ширины DIV или Span с форматированный текст
<div>Hello World</div>
, используя ширину JQuery (в) или height(). То же самое, кажется, не работает для форматированных текстовых элементов, как на примере ниже:
<span id="caption" class="caption" style="left: 406px; top: 357.5px;">
<textformat leading="2">
<p align="LEFT">
<font face="Verdana" color="#FFFFFF" size="4" kerning="0" letterspacing="0">
<b>TYPE</b><b><i>iorad</i></b>and<b>PRESS ENTER</b>
</font>
</p>
</textformat>
</span>
Этот пример содержит некоторые отформатированные текстовые элементы, которые отображаются хорошо при рендеринге страницы HTML. Но когда мы пытаемся получить динамическую ширину или высоту он либо возвращает 0 или NULL, как показано ниже:
$(".caption").width() returns 0
Любые идеи на решение, чтобы получить динамическую высоту ширину от JQuery или JS?
теги шрифта? шутки в сторону? Кроме того, вы не можете поместить [элементы блока] (https://developer.mozilla.org/en/HTML/Block-level_elements) внутри [встроенных элементов] (https://developer.mozilla.org/en/HTML/) Inline_elements) – Joseph
попробуйте .outerWidth() –
и этот текстовый формат ... и кернинг собственности! будет google позже. – bondythegreat