这里图标没有上下居中，是为什么？

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<link rel="stylesheet" href="font-awesome-4.7.0/css/font-awesome.min.css">
<style>
i{
color: #4bb1cf;
height: 40px;
line-height:40px;
background: #000;
}
</style>
</head>
<body>
<a href="#"><i class="fa fa-qq"></i></a>
</body>
</html>

你说2016

浏览 1754回答 1

1回答

自由的气息

不知道你引入的css是多行文本还是单行文本,如果是多行文本用行高是实现不了上下居中的,多行文本垂直;居中需要设置盒子的上padding=(盒子高度-总行高)/2.问题解决的话请采纳,谢谢.

随时随地看视频慕课网APP