垂直居中對齊浮動DIV

Question

我一直在處理某些問題，並且遇到了一些CSS問題。我有這樣的：

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

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

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

Answer 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; 
}