javascript - 如何定位html元素内文本的中心

Question

假设我有一个 div 元素，其中有一些文本。是否可以计算出文本本身的长度？很多时候div的长度比里面的文字长度大很多？这是这种 div 的图像。

纯 JavaScript 解决方案会很棒!

Answer 1

好吧，你的 div 是一个 block 元素，所以如果你使用 Javascript 获取宽度，它将是整个 div。我建议用 <span> 包装你的内部文本(内联元素)然后查看跨度的宽度。

<div><span id="foo">Lorem ipsum</span></div>
<script>var width = document.getElementById('foo').offsetWidth;</script>

顺便说一句，我刚刚从 How do I retrieve an HTML element's actual width and height? 复制了代码.