Question

我正在使用米元素显示1和1之间的分数。 10，在最新的webkit浏览器中，它看起来很棒。

我现在也要显示平均分数。虽然知道我的提交得到了满分10分中的6分是有用的，但知道到目前为止该杂志的平均分为5分会更有用。

不幸的是，slew of available attributes for the meter tag不包含“平均值”。

我想在平均值处显示一条简单的垂直线。我想也许我可以在仪表内放一个跨度或一个div，让它显示：阻止，给它一个100％的高度，一个50％的宽度和一个右边界。不幸的是，我的初步调查表明，Chrome 11甚至不允许我在计量表内嵌套块元素。

如果必须的话，我愿意使用JS来显示垂直线（当我最初设想这个功能时，我以为我会完全使用JS），但米标签是如此令人愉快，我拒绝< em>不现在使用它。

Answer 1

技巧可能是在米标签后放置一个跨度，使用一些算术

将其移动到左侧

<meter id="m" value="2" min="0" max="10">somevalue</meter>
<span id="average" 
      style="border-left:1px solid black;width:1px;margin-left:-50px">
</span>

aritmetic可能是这样的：

var average = [somevalue, say 0.45];
document.getElementById('average').style['margin-left'] = 
 (Math.floor((average-1)*document.getElementById('m').offsetWidth))+'px'

在html5 meter元素中显示额外信息;仪表内的嵌套元素？

1 个答案: