水平對齊的HTML5音頻元素在一個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中？如果有人能把我指向網絡上的相關資源，這將是一種獎勵。

「我想音頻元素（即，音頻顯示給用戶的控件）在div中水平居中「div中是否還有其他內容（這裏不顯示任何內容）。如果不是，那麼div不會超過音頻元素的寬度，所以無論您如何嘗試在div內對齊，它都會「居中」。 – jswolf19 2011-03-08 12:43:34

只需'＃div-2 {text-align：center}'在Chrome中運行。沒有在其他地方測試。 – thirtydot 2011-03-08 13:00:31

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

此外，如果你使用的瀏覽器音頻控件，然後記得要加controls的標籤，就像這樣：

<audio id="a1" src="../../audio/sound_files/mystuff.ogg" controls></audio>

2011-03-08 12:42:12

謝謝！它完美的工作（是的，我有「控制」，但我在第一篇文章中省略）。 – janesconference 2011-03-08 12:49:36

<div align="center" id="player"> 
<audio controls> 
<source src="name.mp3" type="audio/mpeg"> 
Unsupported browser! 
</audio> 
</div>

2015-10-26 21:29:05 noob

回答