让一个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

回答

相关问题