對齊div內的文本 - 垂直對齊不起作用

但由於某種原因，vertical-align不起作用。

.CV{ 
width: 100px; 
height: 150px; 
margin-left:auto; 
margin-right:auto; 
background-color: #89BC23; 
text-align: center; 
vertical-align: middle; 
}

這裏是我現在：

http://jsfiddle.net/rM5Jz/

行高度不起作用，因爲我有兩行。

我在想什麼？

問候

來源

2014-03-30 Pedro Lino

可能重複的[垂直對齊文本在Div]（http://stackoverflow.com/問題/ 2939914/vertical-align-text-in-a-div） – Justin808

http://stackoverflow.com/questions/9249359/text-vertical-align-in-a-div – Justin808

可能的重複http：///stackoverflow.com/questions/8865458/how-to-align-text-vertically-center-in-div-with-css – Justin808

我已經更新了你的榜樣vertical align。總之，在這裏你想定位文本取決於簡歷，即最好的方法是使用position:absolute;這是跨瀏覽器解決方案

來源

2014-03-30 16:29:18

這是更多的標記需要和**更重要**這不適用於三個或更多文本行。 http://jsfiddle.net/rM5Jz/12/ – gearsdigital

無需添加額外的標記和靈活的文本長度：http://jsfiddle.net/rM5Jz/8/

#slide-container { 
    margin: 0 auto; 
    padding: 12px; 
    border: 1px solid #ebebeb; 
} 

#slide-container a { 
    display:table; 
    width: 100px; 
    height: 150px; 
    margin:0 auto; 
} 

.CV { 
    background-color: #89BC23; 
    display:table-cell; 
    vertical-align:middle; 
    text-align:center 
}

來源

2014-03-30 16:26:44 gearsdigital

對齊div內的文本 - 垂直對齊不起作用

回答

相關問題