0

我正在尝试减少这两段文本之间的空间。

在此处输入图像描述 我不能将其减小到 1px 以上。即使是 1 px，行高也不是最小的。我希望行高低于 1px。

这是使用的 HTML：

    <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Test</title>
    <link rel="stylesheet" href="ss.css">
</head>
<body>
    <div class="container">
        <img src="./rptgtpxd-1396254731.webp" alt="" style="width:100%;">
        <div class="bottom-left">
            <h2 class="heading">heading.</h2><br>
            <h4>Lorem ipsum dolor sit amet consectetur.</h4>
        </div>
      </div> 

</body>
</html>

CSS：

.container {
    position: relative;
    text-align: left;
    color: white;
  }
  .bottom-left {
    position: absolute;
    bottom: 200px;
    right: 900px;
    line-height: 1px;
  }
 .heading{
      font-size: 50px;
      font-family: 'Qahiri', sans-serif;
  }
4

0 回答 0