为什么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标签中的文本不居中？

回答

相关问题