讓一個div中心的文本內容在div

我有一個像這樣在我的HTML一個div：讓一個div中心的文本內容在div

<div id="audio"><span>فایل های صوتی</span></div>

這兩個元素的CSS是這樣的：

#audio{ 
width: 100%; 
height: 11%; 
background-color: #3F1954; 
} 

span{ 
font-size: 20px; 
color: white; 
text-align: center; 
font-family: btitr; 
}

我想，跨度是中心（horizentaly和verticaly）在div中，當我放大或縮小我的頁面時，它仍然是中心。如果我刪除了span標記，與

text-align: center;

我可以讓它中心（但只horizentaly）我應該怎麼做，使之verticaly中心？我應該刪除跨度或它必須保持？

來源

2014-10-02 user3000968

http://stackoverflow.com/questions/396145/how-to - 垂直中心的所有瀏覽器搜索... – Adrian 2014-10-02 06:12:49

試試這個 - http：/ /jsfiddle.net/06unrygt/ – Anonymous 2014-10-02 06:14:25

-1

您可以在div CSS中添加display: table，在span CSS中添加vertical-align: middle,display: table-cell。 Live Demo

HTML代碼：

<div id="audio"><span>فایل های صوتی</span></div>

CSS代碼：

#audio { 
    width: 100%; 
    height: 20px; 
    background-color: #3F1954; 
    text-align: center; 
    display: table; 
} 
span { 
    font-size: 20px; 
    color: white; 
    text-align: center; 
    font-family: btitr; 
    vertical-align: middle; 
    display: table-cell; 
}

結果：

result

來源

2014-10-02 07:12:33 Developer

讓一個div中心的文本內容在div

回答

相關問題