html - 为什么 text-align:center 不起作用？

Question

我创建了一个滚动的新栏，我想把内容放在栏的中心，我定义了一个 css：

.myfont {
    font-size: 18pt;
    padding-bottom: 0px;
    text-align: center;
}

但text-align: center不起作用，如何编写css？这是我的小提琴。

score 5 · Accepted Answer

5

<div id="newsbar" class="myfont"></div>

于 2013-11-14T06:26:40.410 回答

score 2 · Accepted Answer

无需进行任何进一步的更改来标记，您只需让您的班级.myfont拥有一个display:block;. 这将使 div 理解为100%text-align:center;的 div 。width

例如，

.myfont {
    font-size: 18pt;
    padding-bottom: 0px;
    text-align:center;  
    width:100%;
    display:block;

}

score 0 · Accepted Answer

尝试赋予价值width并使用float它来解决您的问题:)

.myfont {
font-size: 18pt;
padding-bottom: 0px;
text-align:center;
width:100%;
float:left;
}

3 回答 3