Html 垂直对齐不'；我不能在名单内工作

我想将列表中的文本按底线对齐。我使用垂直对齐css选项，但它不起作用。 您可以在此处找到代码：

---

提前感谢

您可以使用定位将

元素移动到列表项的底部，如下面的

.navigator ul li {
    display: inline-block;
    width: 100px;
    height: 400px;
    vertical-align: bottom;
    border-style:solid;
    border-width:1px;
    position:relative;
}

.navigator ul li h1 {
    margin:0;
    padding:0;
    position:absolute;
    bottom:0;
}​

---

是的，您可以尝试将H1定位为带底部的绝对高度，或者如果您的

具有固定高度，则可以使用填充顶部值来确保H1位于底部

---

垂直对齐不会使元素相对于其父元素居中或定位。

这里有一篇关于垂直对齐的文章。这一点也不简单。无论如何，一开始不是。垂直对齐主要用于表格，通常应与显示一起使用：表格单元格；烟蒂如果使用该选项，则不能使用display:inline块；因此，您必须使用许多解决方法中的一种，并接受其局限性。