是否可以在<audio>控制面板上移动？</audio>

Question

我使用的是HTML5和CSS3。

我刚学会了这个标签。但是，每当我在页面上使用它时，控制盒总是位于最左侧。我尝试过一些东西来移动它，但没有用。

  

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

Answer 1

在这些情况下，我通常将元素包装在div（或其他一些可以更直接样式化的元素）中，这样做效果很好。

所以你可以做这样的事情（如果你想要，比如说，让音乐控件居中并使它宽500px - 当然，你可以做任何其他风格的操作者）：

<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>