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 の水平方向の中央に配置したいと考えています。オーディオ コントロールまたはオーディオ要素の width 属性を指定できないことに注意してください (試してみましたが、何もしませんでした)。また、一般的なルールとして、ブラウザー間のオーディオ コントロールの幅 (ピクセル単位) がわかりません (したがって、 div の width 属性を調整しないでください)。

これを 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 に答える