CSS------让ul中高度不同的li底部对齐

时间:2023-12-21 10:03:44

如图:

CSS------让ul中高度不同的li底部对齐

代码:(需要将li中vertical-align属性设置为bottom)

<ul style="margin-top:50px">
  <li style="background-color:#19b955;display:inline-block;width:120px;height:60px;font-size:22px;text-align:center;line-height:60px;color:#fff">
    描述
  </li>
  <li style="vertical-align:bottom;display:inline-block;width:120px;height:50px;font-size:18px;background-color:#e0e0e0;line-height:50px;text-align:center">
  附加信息
  </li>
</ul>