2016-02-14 47 views
0

我想將文本ONLINE NEWS SERVICE垂直和水平對齊,並且正好位於標題中間:http://news.softsolutionslimited.website。但如果我在所有可能的中間和中心設置中添加<span align="center" style="text-align:center;align-content:center; vertical-align:middle;">ONLINE NEWS SERVICE</span>,則文字不會出現在中間和水平和垂直居中對齊的位置。將文本置於中間/中間的標題

請幫忙。我想將文字ONLINE NEWS SERVICE置於垂直和水平居中對齊的標題中間。

回答

1

試試這一次

span.title{ 
 
    display:block; 
 
margin:0px auto !important; 
 
    text-align:center; 
 
}
\t <!-- To display online news text --> 
 
\t <span class="title">ONLINE NEWS SERVICE</span>

1

文本通常並不如預期一致可能是因爲它是你認爲它不涵蓋儘可能多的寬度容器的子元素(或許你應該檢查寬度:

<header id="masthead"> 

),或者包含文本的元素沒有被設置爲寬度覆蓋整個區域的塊級元素,您希望文本集中在該區域內;所以你也可以嘗試:

header#masthead span { 
display:block; 
width:100%; 
text-align:center 
} 
1

首先,你應該需要設置中間跨度的寬度。這是你的CSS將看起來如何。

element.style { 
    float: left; 
    text-align: center; 
    width: 50%; 
}