首页 > Web开发 > 详细

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

时间:2017-02-05 18:24:32      阅读:1931      评论:0      收藏:0      [点我收藏+]

如图:

技术分享

代码:(需要将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>

 

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

原文:http://www.cnblogs.com/tianhengblogs/p/6368166.html

(1)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!