为了账号安全,请及时绑定邮箱和手机立即绑定

盒模型问题

为什么加了这个padding-bottom:0px;之后,文字不会贴着这歌线呢?

正在回答

3 回答

文字不会贴着虚线的是你高度的设定值的原因,你对li设置了边框高度为30px,虽然css样式里只是让边框显示了下边框,但它的高度值仍然是30px,从文字顶部到下边框的距离仍为30px,所以文字不会贴着下边框线,你可以改变height的值观察一下

0 回复 有任何疑惑可以回复我~

li{

    border-bottom:1px dotted #ccc;

    width:200px;

    height:30px;

    position:relative;

}

span{

    position:absolute;

    bottom:0;

}

  <li><span>别让不会说话害了你</span></li>

2 回复 有任何疑惑可以回复我~

那个是li元素的格式,而不是文字的格式

1 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
初识HTML(5)+CSS(3)-升级版
  • 参与学习       1225293    人
  • 解答问题       18230    个

HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义

进入课程

盒模型问题

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信