1

我有从我的 Icecast 服务器收到的歌曲标题，并且总是根据播放列表而变化。

显然，有些标题比其他标题长，反之亦然。

我试图使该框中的文本居中，因此无论标题长度如何，它都始终位于中间。

我怎样才能做到这一点？

div CSS：

.now_playing div {
    white-space:nowrap;
    font-size:13px;
    line-height:24px;
    position: relative;
    min-height: 30px;
    padding-left: 100px;
    text-align: center;
    right: 36px;
}

锚点 CSS：

.now_playing a {
    font-family: HelveticaNeue-Light, "Helvetica Neue Light", "Helvetica Neue", sans-serif;
    font-size: 12px;
    color: #fff;
    text-decoration: none;
   position: absolute;
    top: 50%; left: 0;
    width: 90px;
    height: 30px;
    margin-top: -15px;

}
4

2 回答 2

2

You can apply this rule

.now_playing a {
    display: block;
    width: 100%;
}

and remove padding-left: 100px; from .now_playing div selector.

于 2013-07-26T12:01:06.997 回答
1

对于文本使用：

text-align:center;

对于 div 使用：

margin: 0px auto;

见小提琴

编辑：将 0px 添加到边距。居中前正确清除所有边距

于 2013-07-26T12:03:50.793 回答