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

如何在css中对齐水平ul菜单中所有选项卡的高度,css,list,menu,unordered,Css,List,Menu,Unordered,你好,我有固定宽度和自动高度的ul菜单,但有些链接太长,占用了2行。如何将所有制表符的高位与最高的制表符对齐?就是这样,伙计: 截图: CSS: HTML: 链接1 链接2 最长、最大和最坏的链接 链接3 @Ace Zul没有您的代码共享,任何人都可以;请在jsfiddle.或您选择的编辑器中共享您的代码。请提供您的代码 li{ list-style:none; display:inline-block; background-color:lightGrey;

你好,我有固定宽度和自动高度的ul菜单,但有些链接太长,占用了2行。如何将所有制表符的高位与最高的制表符对齐?

就是这样,伙计:

截图:

CSS:

HTML:

  • 链接1
  • 链接2
  • 最长、最大和最坏的链接
  • 链接3

@Ace Zul没有您的代码共享,任何人都可以;请在jsfiddle.或您选择的编辑器中共享您的代码。请提供您的代码
li{
  list-style:none;
  display:inline-block;
  background-color:lightGrey;
  padding:5px;
  width:100px;
  display:table-cell;
}
ul{
  padding:0px;
  display:table-row;
}
<ul>
    <li>
      Link 1
    </li>
    <li>
      Link 2
    </li>
    <li>
      Longest Largest Biggest and the Baddest Link
    </li>
    <li>
      Link 3
    </li>
  </ul>