主页 / 问题 / 1229116
Accepted
Руслан Мамедов
Asked:2022-01-10 01:12:35 +0000 UTC2022-01-10 01:12:35 +0000 UTC

在多个标签中加入文本

  • 772

我有个问题。

让我用文字解释一下：我有 3 个带有名称的标签：焦点前、焦点中和焦点后。我需要将这3个标签的内容组合成一个单词，这样就可以显示没有空格。例如，在下图中，必须将“man”这个词写在一起。

词人

<div class="text-block" style="visibility: visible;">
    <span class="before-focus">ее этого ему ни тебя будет не тут время мы при для потом человек к быть тоже чел</span>
    <span class="now-in-focus" style="text-decoration: underline;">о</span>
    <span class="after-focus">век быть о или можно.</span> 
</div>

感谢您的帮助，感谢您的理解。

html

1 个回答

  1. Best Answer

    做这件事有很多种方法：

    1. 在评论中添加换行符：

    <div class="text-block" style="visibility: visible;">
    <span class="before-focus">ее этого ему ни тебя будет не тут время мы при для потом человек к быть тоже чел</span><!--
    --><span class="now-in-focus" style="text-decoration: underline;">о</span><!--
    --><span class="after-focus">век быть о или можно.</span> 
</div>

    1. 将标签写在一行中，标签之间没有空格：

    <div class="text-block" style="visibility: visible;">
    <span class="before-focus">ее этого ему ни тебя будет не тут время мы при для потом человек к быть тоже чел</span><span class="now-in-focus" style="text-decoration: underline;">о</span><span class="after-focus">век быть о или можно.</span> 
</div>

    1. 将外部字体大小设置为零，并在标签中返回所需的字体大小。但是从搜索引擎和剪贴板的角度来看，差距还是会存在的：

    div {
  font-size: 0;
  line-height: 0;
}

span {
  font-size: 14px;
  line-height: 20px;
}
    <div class="text-block" style="visibility: visible">
    <span class="before-focus">ее этого ему ни тебя будет не тут время мы при для потом человек к быть тоже чел</span>
    <span class="now-in-focus" style="text-decoration: underline;">о</span>
    <span class="after-focus">век быть о или можно.</span> 
</div>

    • 2

相关问题