html - 垂直居中对齐浮动 DIV

Question

我一直在做一些事情，并且陷入了一些 CSS 问题。我有这个：

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

如您所见，列出了两个项目，旁边有十字。在列出的第二项中，您可以看到它是一个多行段落。我想知道如何为这样的多行段落垂直居中对齐“x”。

谢谢大家的帮助和时间:-)

Answer 1

听起来和这个问题很像。取决于您的浏览器支持，但 display: table-cell 对于较新的浏览器来说是一个很好的方法。有关答案的更多详细信息，请点击此处。

将一个 DIV 与另一个 DIV 内的动态高度垂直对齐

如果 X 是恒定高度（例如此处为 20px），您可以只给容器 divposition:relative和 xposition:absolute; top: 50%; margin-top: -10px;

所以在你的例子中

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