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

标签 html css

通常,如果我创建:

<meter value="30" max="100">Low</meter>

如果在支持 html5 meter 元素的浏览器上查看,我最终会得到一个水平的 meter/bar。

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

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

最佳答案

是的,转换是唯一的方法..

-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);

关于html - 是否可以使用 HTML5 创建垂直仪表?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4727434/

相关文章:

php - 如何使用php从选择框中插入数据

html - 包裹在 anchor 标签中的相对定位图像导致 "ghost"链接

html - 使 Html Generic Control 跨越整个单元格,即使它是空的

html - 当 flex 元素在 column-reverse 时应用 nth-child()

javascript - 如何通过单击第一个 div 值在第二个 div 中显示一个 div 值

html - pandoc 将带有样式表的 html 转换为 docx

html - 语言切换器、性能优化和 SEO

javascript - 在 Bootstrap 4 : "Uncaught Error: Tooltip is transitioning" 上出现错误

css - 将 div 垂直拉伸(stretch)到其父级,而不是整个页面

html - 水平形式+行内形式