使用ul的显示表和li的显示表格单元格

Question

我已经制作了导航并使用了display：table for ul和display：table-cell for li，我遇到的一个问题是我的问题。 display：table-cell属性总是和ul一样高，我不希望它们。

我试过了那个显而易见的事; ！高度：45像素重要;对于li元素，但它仍然会拉伸以填充ul。

有解决方法吗？

感谢。

#navigation ul {
    width:960px;
    height:100%;
    margin:auto;
    display:table;
    table-layout: fixed;
}
#navigation ul li {
    display:table-cell;
    height:45px!important;
    position:relative;
    line-height:45px!important;
    text-align:center;
    color:#f1f1f1;
    border:1px solid transparent;
    z-index:5000;
}

Answer 1

这只是显示的本质，实际上是一个巨大的优势：table-cell。如果您不希望高度匹配并且您只是尝试垂直对齐元素，请尝试在LI元素上显示：inline-block和vertical-align：center而不是使用table-cell。