Html的li垂直居中等距排列,让li里面的元素垂直居中的方法

本文介绍了如何使用CSS实现HTML列表`
  • `元素的垂直居中和等距排列,同时解决了IE6浏览器的兼容性问题。通过设置`line-height`和`display:inline-block`,可以使得`
  • `内的输入框和标签垂直居中,并在不同浏览器下保持一致的显示效果。
  • 摘要由CSDN通过智能技术生成

    html:

    发表评论


    • 昵称/Username:
    • 电子邮件/Email:
    • 内容/Message:

    css:.content .leave ul li{

    list-style: none;

    height: 100px;

    width: 700px;

    line-height: 100px;

    border-bottom: 1px dashed #D9D9D9;

    }

    .content .leave ul li input{

    width: 200px;

    height: 28px;

    margin-left: 10px;

    height: 28px;

    line-height: 28px;

    }

    /*.ie6.content .leave ul li label{

    display: inline-block;

    border: 1px solid red;

    }*/

    .content .leave ul li label{

    font-size: 16px;

    margin-left: 100px;

    }

    .content .leave ul li textarea{

    margin-left: 20px;

    width: 400px;

    height: 70px;

    }

    ie6以上和其它都正常:

    在ie6是是这样的࿱

    • 0
      点赞
    • 0
      收藏
      觉得还不错? 一键收藏
    • 0
      评论
    评论
    添加红包

    请填写红包祝福语或标题

    红包个数最小为10个

    红包金额最低5元

    当前余额3.43前往充值 >
    需支付:10.00
    成就一亿技术人!
    领取后你会自动成为博主和红包主的粉丝 规则
    hope_wisdom
    发出的红包
    实付
    使用余额支付
    点击重新获取
    扫码支付
    钱包余额 0

    抵扣说明:

    1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
    2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

    余额充值