爲什麼span標籤中的文本不居中？

我不完全確定爲什麼文本不在標題類跨度中。爲什麼span標籤中的文本不居中？

<div id="vid_display"> 
<span class="title">SampleText</span></br> 
<span class="desc">Sample Desc</span> 
</div>

樣式表

#vid_display { 
height: 500px; 
width: 700px; 
box-shadow: 10px 10px 5px #888; 
} 

.title { 
font-family: cursive; 
font-size: 20px; 
font-style: bold; 
text-align: center; 
}

來源

2013-04-09 user2259723

使用

<div class="title">SampleText</div></br>

的<span>標記用於在文檔中組直列元件。 <span>標籤本身不提供視覺變化。 <span>默認爲display:inline;，而<div>默認爲display:block;。

來源

2013-04-09 00:41:30

text-align對內聯元素如span標籤沒有任何影響。您需要將文本對齊應用到display:block;的父元素，比如<div>或<p>正在封裝跨度。

你可能會像這樣的東西更好：

HTML

<div id="vid_display"> 
<p class="title">SampleText</p> 
<p class="desc">Sample Desc</p> 
</div>

CSS

.title { text-align: center; }

更新：這裏是工作示例：http://codepen.io/anon/pen/jEnys

來源

2013-04-09 00:46:00 Dan

是內嵌元素，而不是一個塊。 div的使用，而不是：

<div id="vid_display"> 
    <div class="title">SampleText</div><br> 
    <span class="desc">Sample Desc</span> 
</div>

來源

2013-04-09 00:58:34

爲什麼span標籤中的文本不居中？

回答

相關問題