如何让这里的文字靠下？(补充：我的意思是说，让Li里的文字靠近下边线--->border-bottom:1px dotted #ccc),现在下边线和文字中间有空隙

源自：12-7 长胖长高点--宽度和高度

如何让这里的文字靠下？(补充：我的意思是说，让Li里的文字靠近下边线--->border-bottom:1px dotted #ccc),现在下边线和文字中间有空隙

<!DOCTYPE HTML>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312">

<title>宽度和高度</title>

<style type="text/css">

li{

border-bottom:1px dotted #ccc;

width:200px;

height:30px;

}

</style>

</head>

<body>

<ul>

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

<li>二十七八岁就应该有的见识</li>

<li>别让不好意思害了你</li>

</ul>

</body>

</html>

提问者：fxg9966 2016-06-13 08:42

个回答

慕粉3476766

2016-06-26 10:20:27

我刚看了好像改不了，不知道是有bottom默认值还是什么的，但是为了美观，你可以试试加一个padding-top的值~

0
forlee

2016-06-23 15:34:00

li{
border:1px dotted #ccc;
width:200px;
height:30px;
line-height:30px;
}
设置line-height可以实现

1
阮肥

2016-06-13 13:45:59

只需将li的高度height，适当调小即可。我试了一下20px挺合适的。
li{
border-bottom:2px dotted #ccc;
width:200px;
height:20px;
}

0
脑袋进水的坏孩子

2016-06-13 09:16:38

<style type="text/css">
ul{
position:absolute;
bottom:0px;
}
li{
border-bottom:1px dotted #ccc;
width:200px;
height:30px;
}
</style>

0
小球小哲

2016-06-13 09:10:22

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>宽度和高度</title>
<style type="text/css">
li{
border-bottom:1px dotted #ccc;
width:200px;
height:30px;
}

ul{
position:absolute;
bottom:0px;
}

</style>
</head>
<body>
<ul>
<li>别让不会说话害了你</li>
<li>二十七八岁就应该有的见识</li>
<li>别让不好意思害了你</li>
</ul>
</body>
</html>

0
qq_白桦林_11

2016-06-13 09:03:39

text-align:bottom;

0
阮肥

2016-06-13 09:02:41

没有看懂你的问题，所以抱歉我不能给出答案。

0