Question

我的盒子宽940px，高40px

<!doctype html>
<head>
<meta charset='utf-8' />
<title>Html Positioning</title>
<style type='text/css'>
.top{
width:940px;
border:1px solid pink;
display:block;
min-height:40px;
}
.orange{
font-size:16px;
background-color:orange;
}
</style>
</head>
<body>
<p class="top"><span class="orange">v</span></p>
</body>
</html>

我的角色v突出显示font-size 16 px，我想知道角色突出显示的宽度和高度。

我有小提琴http://jsfiddle.net/thiswolf/hzm65/

css是否提供了一种了解此类突出显示的宽度和高度的方法？

Answer 1

通过“突出显示”，您显然是指给元素一些特殊的背景颜色。

无法知道CSS中的维度。宽度由字形的度量确定。高度由元素的行高确定（在样本情况下，由给定字体大小的浏览器默认字体的浏览器默认行高确定）。

在JavaScript中，您可以使用offsetWidth和offsetHeight属性查询它们。

由css中突出显示的字符占用的像素

1 个答案: