0

我正在<span class="span4 offset4">使用模板将文本插入到类中。
在 css 中，我使用 text-align: centre;了但文本没有居中。
它被推到 div 的左侧。
我可以看到这一点，因为当我将文本放入其中时，我也会为 div 的背景着色。
我什至尝试将消息包装在<p>标签中，但它什么也没做。

你能告诉我我做错了什么吗？

<p>{{= message }}</p>

html

<div class="row">
  <span class="span4 offset4"></span>
</div>

css

.span4.offset4
{    
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 15px;
    font-weight: bold;
    min-height: 25px;
    text-align: centre;     
}
4

3 回答 3

3

是center，不是centre。此外，display: inline元素不适用于text-align. 做跨度display: block什么的。

于 2013-02-14T05:57:42.210 回答
2

在行类中给 text-align:center你的父 div。

于 2013-02-14T05:59:53.967 回答
1

尝试将这些行添加到 CSS

//to define size of div
.row
{
width:30%;
}

然后将这些行添加到 .span4.offset4

margin:auto auto;
于 2013-02-14T05:59:11.973 回答