0

幅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 は、そのような強調表示の幅と高さを知る方法を提供していますか?

4

1 に答える 1

0

「ハイライト」とは、要素に特別な背景色を与えることを指しているようです。

CSS で次元を知る方法はありません。幅は、グリフのメトリックによって決まります。高さは、要素の行の高さによって決まります (これは、サンプルの場合、指定されたフォント サイズのブラウザーの既定のフォントのブラウザーの既定の行の高さによって決まります)。

offsetWidthJavaScript では、 プロパティとプロパティを使用してクエリを実行できますoffsetHeight。

于 2013-01-30T08:53:04.773 に答える