0

我有一个宽 940 像素、高 40 像素的盒子

<!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 是否提供了一种了解此类突出显示的宽度和高度的方法?

4

1 回答 1

0

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

没有办法知道 CSS 中的尺寸。宽度由字形的度量决定。高度由元素的行高确定(在示例情况下,由给定字体大小的浏览器默认字体的浏览器默认行高确定)。

In JavaScript, you can query them using the offsetWidth and offsetHeight properties.

于 2013-01-30T08:53:04.773 回答