猿问

li块级中line-height增大,文字位置也变化,想请教大神们文字是怎么跟着定位的?谢谢!

<!DOCTYPE HTML>

<html>

<head>

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


<title>无标题文档</title>

<style>

*{margin:0;padding:0;font-size:20px;}


ul{width:100px;}

li{height:100px;

line-height:200px;

width:100px;

background:#CCC;

margin-bottom:1px;

}

a{text-decoration:none;}


</style>

</head>


<body>

<ul> 

   <li><a href="#">首页</a></li>

    <li><a href="#">新闻快讯</a></li>

    <li><a href="#">产品展示</a></li>

    <li><a href="#">联系我们</a></li>

</ul>

</body>

</html>


慕先生9415357
浏览 1161回答 1
1回答

其实我真的不是东北人

我不知道你想要什么效果。  改了一下。<!DOCTYPE HTML><html><head>    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">    <title>无标题文档</title>    <style>        *{margin:0;padding:0;font-size:20px;}        ul{            width:100px;        }        a{            text-decoration:none;        }        ul li a {            display: block;            width:100%;            text-align:center;            padding:10px 0;            background:#f6f6f6;        }        ul li a:hover {            background:#e6e6e6;        }    </style></head><body><ul>    <li><a href="#">首页</a></li>    <li><a href="#">新闻快讯</a></li>    <li><a href="#">产品展示</a></li>    <li><a href="#">联系我们</a></li></ul></body></html>
随时随地看视频慕课网APP
我要回答