在HTML5和CSS3中，要使音頻元素居中，可以使用CSS3中的flexbox布局，以下是一個(gè)示例代碼：

HTML代碼：

<div class="container">
  <audio class="center-audio" controls>
    <source src="your-audio-file.mp3" type="audio/mpeg">
    Your browser does not support the audio element.
  </audio>
</div>

CSS代碼：

.container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh; /* 垂直居中 */
}
.center-audio {
  width: 100%; /* 寬度設(shè)置為100%，以適應(yīng)容器 */
}

在這個(gè)示例中，我們創(chuàng)建了一個(gè)名為container的div，用于包含音頻元素，通過(guò)CSS的flexbox布局，我們可以將音頻元素在水平和垂直方向上居中。justify-content: center;和align-items: center;屬性分別負(fù)責(zé)水平和垂直居中，我們?cè)O(shè)置height: 100vh;來(lái)確保容器在垂直方向上占據(jù)全部空間，音頻元素的寬度設(shè)置為100%，以適應(yīng)其容器。