Question

我有从我的Icecast服务器收到的歌曲标题，并且总是根据播放列表进行更改。

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

我正试图将文本放在那个框中心，这样无论标题长度如何，它总是适合中间。

我如何实现这一目标？

The player

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;
}

Anchor 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;

}

2 个答案:

答案 0 :(得分：2)

答案 1 :(得分：1)

Answer 1

您可以应用此规则

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

并从padding-left: 100px;选择器中删除.now_playing div。

Answer 2

供文字使用：

text-align:center;

对于div使用：

margin: 0px auto;

See Fiddle

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

在CSS中居中动态文本

2 个答案: