css让不同高度的浮动元素垂直居中

Question

Logo
图书
小组
li是浮动的元素，ul，li的高度均不固定，由于li内部子元素的内容高度不同，元素显示出来不能垂直居中显示，请问要怎样才能做到呢？

Answer 1

①首先在ul外面包一层，设置display为table②其次对ul设置display:table-cell完成~修改：不用外层的div了。经检测可行。Testul{display:table;margin:0;padding:0;list-style-type:none;}li{display:table-cell;vertical-align:middle;}aaaabbbbbbcccccc