主页 / 问题 / 1212322
Accepted
Zekoyka
Asked:2021-12-01 19:15:23 +0000 UTC2021-12-01 19:15:23 +0000 UTC

如何将线条相互移动

  • 772

我想把所有的线尽可能地靠近。

dline 类没有帮助。

   p.dline {
    line-height: 0.1;
   }
   P {
    line-height: 0.1em;
   }

在此处输入图像描述

html

1 个回答

  1. Best Answer

    在这里，您可以从图片中立即说出所有内容，当然不是每个人都可以做到这一点，而只有 RenTV 的员工，以及总的来说，“通灵之战”节目的参与者 :)

    为了方便起见，您还会显示 html 代码和 css 样式吗

    div {
  width:        100%;
  height:       30px;
  line-height:  30px;
  padding:      10px;
  
  font-size:    36px;
  font-family:  Tahome;
  font-weight:  bold;
  color:        white;
  text-shadow:  2px 0 0 black, -2px 0 0 black, 0 2px 0 black, 0 -2px 0 black, 1px 1px black, -1px -1px 0 black, 1px -1px 0 black, -1px 1px 0 black;
}

hr {
  width:        50%;
  background:   linear-gradient(to right, yellow, red, magenta, blue, cyan, lime);
  border:       none;
  height:       5px;
}
    <div>строка 1</div>
<div>строка 2</div>
<div><hr /></div>
<div>Связь со мной</div>

    这是你的代码：

    您的 .gif 图片有问题，它非常高，这会在图片之前和图片之后产生缩进

       .stroke {
    font: 2em Arial, sans-serif;
    text-shadow: black 1px 1px 0, black -1px -1px 0, 
                 black -1px 1px 0, black 1px -1px 0;
   }

  .text {
    text-align:  center;
   }

   p.dline {
    width:          100%;

    font-family:    impact;
    font-size:      32px;
    color:          white;
   }
    <div class="text">
        <p class ="stroke dline">Строка1</p> 
        <p class ="stroke dline">Строка2</p>
        <p class ="stroke dline">Строка3</p>
        <img src="https://media2.giphy.com/media/TIj8cbzWYKnE9ul3ab/giphy.gif?cid=ecf05e477337c9d368e465eb7afce6e17cc209193699bf3b&rid=giphy.gif"></img>
        <p class ="stroke dline">Связь со мной</p> 
</div>

    附言

    并且还使用 css 样式，而不是<font>已经过时 20 年的样式，还检查您的代码 - 您的标签<font>没有关闭（忘记了括号）

    • 0

相关问题