html - Floated DIV の垂直方向の中央揃え

Question

私は何かに取り組んできましたが、いくつかの CSS の問題で立ち往生しています。私はこれを持っています：

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

ご覧のとおり、横に×が付いた 2 つのアイテムがリストされています。リストされた 2 番目の項目では、複数行の段落であることがわかります。このような複数行の段落の「x」を垂直方向に中央揃えにする方法を知りたかったのです。

あなたの助けと時間をありがとうございました:-)

Answer 1

これとほとんど同じ問題のように聞こえます。ブラウザのサポートによって異なりますが、display：table-cellは新しいブラウザにとってはかなり良い方法です。回答の詳細については、こちらをご覧ください。

DIVを別のDIV内の動的な高さに垂直に揃える

Xが一定の高さ（たとえば、ここでは20px）の場合、コンテナーdivposition:relativeとxを指定できます。position:absolute; top: 50%; margin-top: -10px;

だからあなたの例では次のようなもの

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