垂直居中对齐浮动 DIV [关闭]

Question

我一直在做一些事情，但遇到了一些 CSS 问题。我有这个：

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

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

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

Answer 1

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

Vertical Align a DIV with dynamic height inside another DIV

如果 X 是恒定高度（例如这里是 20px），你可以只给容器 div position:relative 和 x position:absolute; top: 50%; margin-top: -10px;

所以在你的例子中

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