时间戳

首页 > 解决方案 > 如何删除文本的顶部和底部填充

html - 如何删除文本的顶部和底部填充

问题描述

.close {
    font-size: 50px;
    background-color: red;
}
<!DOCTYPE html>
<html>
    <head>
        <title>Test</title>
        <link rel="stylesheet" href="style.css">
    </head>
    <body>
        <span class="close">&times;</span>
    </body>
</html>

所以基本上我想删除顶部和底部的填充。我尝试了行高，但没有用。我怎么做？

标签： htmlcss

解决方案

display:inline-block首先你可以玩line-height

.close {
  font-size: 50px;
  background-color: red;
  display: inline-block;
  line-height: 0.5;
}
<span class="close">&times;</span>

推荐阅读