Question

我正在尝试垂直对齐某些文字，因此它位于音频播放器的中间位置。这是我尝试过的。我哪里错了？

<audio autoplay="autoplay" controls="controls">  
<source src="file.ogg" />  
<source src="file.mp3" />  
</audio>

<span style="vertical-align: middle">text</span>

Answer 1

这有效（至少在Firefox上），虽然它可能不是最优雅的解决方案：

<div>
<audio autoplay="autoplay" controls="controls" style="vertical-align: middle;">                                
<source src="file.ogg" />
<source src="file.mp3" />
</audio>
text
</div>

Answer 2

尝试围绕div中的所有内容并设置其垂直对齐方式：

<div id="audio" style="vertical-align: middle;">
   <audio autoplay="autoplay" controls="controls">  
      <source src="file.ogg" />  
      <source src="file.mp3" />  
   </audio>

   <span>text</span>
</div>

CSS将文本对齐<audio>元素</audio>旁边的文本

2 个答案: