CSS有著很多允許你去改變音頻位置的方法。比如說,可以使用position屬性來調(diào)整音頻的位置。position可以被設(shè)置為absolute,fixed,或者最基本的static。
position: absolute
如果你想要音頻的位置完全控制在你的網(wǎng)頁中,可以設(shè)置position為absolute。使用absolute,你就可以精確地設(shè)置音頻的左邊距(left),上邊距(top),右邊距(right),以及下邊距(bottom)屬性。這里是一個例子:
position: fixed
如果你的音頻需要在滾動頁面時始終可見,可以使用position: fixed。使用fixed,你的音頻會始終固定在瀏覽器窗口的特定位置。這里是一個例子:
position: static
如果你不想改變音頻的位置,可以使用默認的position: static。當(dāng)設(shè)置為static時,其他CSS屬性是無效的。這里是一個例子:
總之,使用CSS可以很方便地控制音頻在網(wǎng)頁中的位置,你可以使用position屬性來完全控制音頻的位置。
position: absolute
如果你想要音頻的位置完全控制在你的網(wǎng)頁中,可以設(shè)置position為absolute。使用absolute,你就可以精確地設(shè)置音頻的左邊距(left),上邊距(top),右邊距(right),以及下邊距(bottom)屬性。這里是一個例子:
audio { position: absolute; left: 50px; top: 50px; }
position: fixed
如果你的音頻需要在滾動頁面時始終可見,可以使用position: fixed。使用fixed,你的音頻會始終固定在瀏覽器窗口的特定位置。這里是一個例子:
audio { position: fixed; bottom: 20px; right: 20px; }
position: static
如果你不想改變音頻的位置,可以使用默認的position: static。當(dāng)設(shè)置為static時,其他CSS屬性是無效的。這里是一個例子:
audio { position: static; }
總之,使用CSS可以很方便地控制音頻在網(wǎng)頁中的位置,你可以使用position屬性來完全控制音頻的位置。