css - 如何在css的水平ul菜单中对齐所有选项卡的高度

Question

您好，我有固定宽度和自动高度的 ul 菜单，但有些链接太长而且占据 2 行。如何将所有标签的高位与最高的标签对齐？

Answer 1

就是这样，哥们：DEMO

截屏：

CSS：

li{
  list-style:none;
  display:inline-block;
  background-color:lightGrey;
  padding:5px;
  width:100px;
  display:table-cell;
}
ul{
  padding:0px;
  display:table-row;
}

HTML：

<ul>
    <li>
      Link 1
    </li>
    <li>
      Link 2
    </li>
    <li>
      Longest Largest Biggest and the Baddest Link
    </li>
    <li>
      Link 3
    </li>
  </ul>