是否可以使用HTML5创建垂直仪表?

ugl*_*nky 6 html5 css3

通常,如果我创建:

<meter value="30" max="100">Low</meter>
Run Code Online (Sandbox Code Playgroud)

如果在支持html5仪表元素的浏览器上查看,我最终会得到一个水平仪表/条.

是否可以用html5创建一个垂直仪表?

到目前为止,我能够提出的唯一解决方案是使用CSS3旋转(变换).

Ben*_*ier 10

是的变换是唯一的方法来做到这一点..

-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
Run Code Online (Sandbox Code Playgroud)

  • 你是说90度吗?180°看起来一样 (2认同)

Mic*_*any 6

转变就是答案.米的整点是它是一个语义,而不是一个表现元素,你应该能够随心所欲地使用CSS来设计它>