时间戳

首页 > 解决方案 > 是否有可能使用 JS 获得 HTML 文本单词（或单词）的像素完美尺寸

javascript - 是否有可能使用 JS 获得 HTML 文本单词（或单词）的像素完美尺寸

问题描述

我需要获取呈现的 html 单词的宽度和高度，而“边缘”上没有任何空格和填充。

我将指定：从左侧单词的第一个现有像素到右侧最后一个现有像素的像素宽度。等。像素的真实渲染区域的尺寸，周围没有任何“空白框”。

标签： javascripthtmltext

解决方案

我认为您需要混合确定元素的尺寸并设置填充、边距和边框。

CSS：

p#no-style {
    padding: 0;
    margin: 0;
    border: none;
}

HTML：

<p id="no-style">TEXT</p>

JS：

document.querySelector('#no-style').offsetWidth

推荐阅读