MOOC风信子
2017-02-08 17:05
为什么加了这个padding-bottom:0px;之后,文字不会贴着这歌线呢?
文字不会贴着虚线的是你高度的设定值的原因,你对li设置了边框高度为30px,虽然css样式里只是让边框显示了下边框,但它的高度值仍然是30px,从文字顶部到下边框的距离仍为30px,所以文字不会贴着下边框线,你可以改变height的值观察一下
li{
border-bottom:1px dotted #ccc;
width:200px;
height:30px;
position:relative;
}
span{
position:absolute;
bottom:0;
}
<li><span>别让不会说话害了你</span></li>
那个是li元素的格式,而不是文字的格式
初识HTML(5)+CSS(3)-升级版
1225807 学习 · 18234 问题
相似问题