div中的可变高度列表项，对齐底部

Question

我们可以将这个现有的小提琴（解决方案）用于条形图并应用不同的高度值，

http://jsfiddle.net/RYBFF/1/

实际发生的事情是条形物品锚定在ul容器的顶部，而当我们缩放物品时它应该锚定在底部。

li.different {
    height: 80px !important;
}

例如，将不同的类应用于其中一个列表项将证明问题。

Answer 1

• 将显示模式更改为inline-block
• 删除float: left;

并最终为列表中的第一项添加一些余量。

vertical-align仅适用于内联或内联块元素。您的列表项是块元素。

fiddle