Question

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

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

谢谢大家的帮助和时间： - ）

Answer 1

听起来和此问题差不多。取决于您的浏览器支持，但显示：table-cell对于较新的浏览器来说是一个非常好的方法。有关答案的更多细节。

如果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;
}