用css居中文本

我使用模板將文本插入類<span class="span4 offset4">。
在CSS中，我使用了text-align: centre;，但是文本並不居中。
它被推到div的左側。
我可以看到這一點，因爲當我將文本放在其中時，我也爲div的背景着色。
我甚至試圖在<p>標籤中包裝消息，但它沒有做任何事情。

你能告訴我我做錯了什麼嗎？用css居中文本

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

來源

2013-02-14 Leahcim

你問css中心跨度。一個跨度沒有填充和什麼，中心不會幫助。你想要看的是將span標籤居中放在div中。 – 2013-02-14 06:02:48

@hehui但我在着色span的背景，所以我想要那個中心內的文字。謝謝。 – Leahcim 2013-02-14 06:14:20

耶中途添加一個答案我意識到這就是你的意思。因此，我刪除了我的答案哈哈。 – 2013-02-14 06:20:24

這center，不centre。此外，display: inline元素不能與text-align一起使用。使範圍display: block什麼的。

來源

2013-02-14 05:57:42

嘗試添加這些行CSS

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

然後將這些行添加到.span4.offset4

margin:auto auto;

來源

2013-02-14 05:59:11 sujeesh

給text-align:center到行類中你的父母DIV。

來源

2013-02-14 05:59:53

用css居中文本

回答

相關問題