用CSS定心一个缪斯收音机播放器

Centering a Muses radio player with CSS

本文关键字：一个 收音机 播放器 CSS      更新时间：2023-09-26

我已经生成了一个缪斯电台播放器，并得到以下代码:

  <script type="text/javascript">
                MRP.insert({
                'url':'http://radio.visiondecristo.org:8000/radio',
                'codec':'mp3',
                'volume':100,
                'autoplay':false,
                'buffering':5,
                'title':'',
                'bgcolor':'#FCFFFD',
                'skin':'simple-green',
                'width':300,
                'height':122
                });
                </script>

这段代码显示了托管在缪斯服务器上的播放器。我的问题是，我无法使用CSS来居中这个播放器。有人能告诉我如何做到这一点吗?

我用Materizecss valign-wrapper解决了这个问题。

<div class="valign-wrapper">
  <p class="valign">...</p>
</div>

使用由脚本生成的div定义的类"musesStyleReset"。然后可以在CSS中操作:

   .musesStyleReset {
        margin: 0px auto;
        display: block;
   }
相关文章：