html - 是否可以在 <audio> 控制面板中移动?

标签 html css

我正在使用 HTML5 和 CSS3。

我刚刚了解了标签。但是,每当我在页面上使用它时,控制框总是位于最左侧。我尝试了一些方法来移动它,但无济于事。

<audio control loop autoplay><source src="music.mp3"></audio>

最佳答案

在这些情况下,我通常将元素包装在一个 div 中(或其他一些样式可以更直接的元素),这很有效。

所以你可以做这样的事情(如果你想,比如说,将音乐控件居中并使其宽度为 500 像素 - 当然,你可以做任何其他样式操作):

<div style="width:500px; margin:auto; position:relative;">
    <audio controls style="width:100%;">
       <source src="Rococo.MP3">This browser does not support the audio tag
    </audio>
</div>

关于html - 是否可以在 <audio> 控制面板中移动?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28402844/

相关文章:

css - 如何连续放置内容并防止 react native 溢出?

html - 使标题图像与工作按钮部分重叠固定导航栏

CSS3 动画环

html - 清除 div 不起作用

java - Spring MVC CSS 加载错误

html - Bootstrap - 导航栏不会在移动设备上关闭

html - 样式化输入值 CSS

javascript - 更改表中 td 的颜色

javascript - 使用 jquery 拖放交换 draggable 的类名和 droppable on drop

html - 使用 CSS 将 div 与图像重叠