簡單的垂直對齊問題div

我的大腦被炸，所以我需要你們幫忙。簡單的垂直對齊問題div

我想在div中做垂直對齊。

我

HTML

<a href='#'> 
    <div class="div"> 
    <div class="insideDiv">text here</div> 
    </div> 
</a>

我的CSS

a { 
    color: #006699; 
    text-decoration: none; 
    font-size: 10pt; 
    border-width: 0; 
    position: relative 
} 

.div{ 
    position: absolute; 
    background-color: red; 
    top: -75px; 
    left: 50px; 
    width: 100px; 
    height: 50px; 
    z-index: 1000; 
    padding: 8px; 
} 

.insideDiv{ 
    background-color: white; 
    width: 100px; 
    height: 47px; 
    border: solid 1px grey; 
    font-weight: bold; 
    vertical-align: middle; 
    text-align: center; 
}

好像text here不能垂直對齊到中年，但水平對齊中心。任何人都可以幫我解決這個問題嗎？非常感謝！

來源

2013-05-02 Rouge

可能重複的[垂直對齊文本在Div]（http://stackoverflow.com/questions/2939914/vertically-align-text-in-a-div） – lifetimes 2013-05-02 00:19:24

我認爲，有'div'在'a'中給你錯誤，正好在wh3c – jhunlio 2013-05-02 00:32:54

的vertical-align屬性並不適用於塊級元素，只在內嵌格式化的內容元素和表格細胞

您可以向.insideDiv類添加display: table-cell;垂直居中其文本：

例如：http://jsfiddle.net/Adrift/qTkAN/1/

來源

2013-05-02 00:17:49 Adrift

在我需要的時候。非常感謝！ – Rouge 2013-05-02 00:40:00

簡單的垂直對齊問題div

回答

相關問題