3

我得到了这个简单的 div:

#div-2 {
    margin-left: auto;
    margin-right: auto;
}

和我页面正文中的 html5 音频元素:

<div ID="div-2">
        <audio id="a1" src="../../audio/sound_files/mystuff.ogg"></audio>
</div>

我希望音频元素(即向用户显示的音频控件)在 div 中水平居中。请注意,我无法为音频控件或音频元素指定宽度属性(我尝试过,什么也没做),而且作为一般规则,我不知道浏览器之间的音频控件宽度(以像素为单位)(所以我可以'不调整 div 中的宽度属性)。

有没有办法在 CSS 或 Javascript 中做到这一点?如果有人可以将我指向网络上的相关资源,那将是一个奖励。

4

2 回答 2

9
#div-2 {
    display: table;
    margin: 0 auto;
}

此外,如果您使用浏览器音频控件,请记住添加controls到标签,如下所示:

<audio id="a1" src="../../audio/sound_files/mystuff.ogg" controls></audio>
于 2011-03-08T12:42:12.443 回答
0
<div align="center" id="player">
<audio controls>
<source src="name.mp3" type="audio/mpeg">
Unsupported browser!
</audio>
</div>
于 2015-10-26T21:29:05.560 回答