制作音乐播放列表

Question

我试图建立一个音乐网站来播放我的音乐。我想通过将我的歌曲放在一个盒子里来制作一个有创意的玩家。但是，我不知道如何在我的盒子中添加文字。每当我向其添加文本时，它会展开框，使其不均匀。有没有人有关于如何在不使盒子不均匀的情况下添加文本的任何提示？

{{1}}

Answer 1

您可以使用min-height将所有div设置为类似的最小高度

＆＃13;

＆＃13;

div {
  background-color: lightgrey;
  width: 290px;
  padding: 25px;
  margin: 20px;
  
  min-height:110px; /*CHANGE THIS NUMBER */
}

＆＃13;

<div>
  <audio controls>
    <source src="Too High.ogg" type="audio/ogg">
    <source src="Too High.mp3" type="audio/mpeg">
    Your browser does not support the audio element.
  </audio>
  <p>Here is some text Here is some text Here is some text Here is some text Here is some text Here is some text </p>
</div>

<div>
  <p>Here is some text Here is some text Here is some text Here is some text Here is some text Here is some text </p>
  <audio controls>
    <source src="Visions of the mind.ogg" type="audio/ogg">
    <source src="Visions of the mind.mp3" type="audio/mpeg">
    Your browser does not support the audio element.
  </audio>
</div>

<div>
  <p>Here is some text Here is some text Here is some text Here is some text Here is some text Here is some text </p>
  <audio controls>
    <source src="Let me know.ogg" type="audio/ogg">
    <source src="Let me know.mp3" type="audio/mpeg">
    Your browser does not support the audio element.
  </audio>
</div>

＆＃13;

＆＃13;

＆＃13;