2012-10-12 168 views
-1

我一直在處理某些問題,並且遇到了一些CSS問題。我有這樣的:垂直居中對齊浮動DIV

http://sharepress.atwebpages.com/temp/

正如你所看到的,也有與旁邊的十字架被列出的兩個項目。在列出的第二個項目上,您可以看到它是一個多行段落。我想知道如何垂直居中對齊像這樣的多行段落的'x'。

謝謝大家的幫助和時間:-)

+0

化妝父母「李」的相對位置。確定交叉標記的絕對位置並給出頂部:50%&margin-top:交叉圖標高度的一半。 – SVS

+0

請讓你的問題自成一體。現在你已經解決了你的問題,這個鏈接很快就會與這個問題的未來有用性一起消失。 – Sparky

+0

這對你肯定是有用的:) http://stylizedweb.com/2008/02/01/vertical-align-div/ – Wazan

回答

1

聽起來很像同樣的問題,因爲這。取決於您的瀏覽器支持,但顯示:對於較新的瀏覽器,table-cell是一種很好的方式。這裏的答案更詳細。

Vertical Align a DIV with dynamic height inside another DIV

如果X是恆定的高度(例如20像素這裏),你可以只給div容器position:relative和X position:absolute; top: 50%; margin-top: -10px;

所以,在你的例子類似

.taskItemLi { 
    position:relative; 
} 
.delbtn { 
    position: absolute; 
    top: 50%; 
    margin-top: -10px; 
    right: 0; 
}