HTML字符 - 隐形空间

Question

我有一个名为Dalton Empire的网站.

当用户复制"DaltonEmpire"时,我希望将"Dalton Empire"添加到他们的剪贴板中.

我只找到了一个解决方案; 使用空间,但制作letter-spacing -18px.是不是有一个更简洁的解决方案,例如HTML字符？

我的例子JSFiddle和代码:

span.nospace {
  letter-spacing: -18px;
}

<ol>
  <li>Dalton<b>Empire</b></li>
  <li>Dalton&zwnj;<b>Empire</b></li>
  <li>Dalton&zwj;<b>Empire</b></li>
  <li>Dalton&#8203;<b>Empire</b></li>
  <li>Dalton<span class="nospace"> </span><b>Empire</b> <i>The only one that works</i>
  </li>
</ol>

Answer 1

你看起来像这样:

HTML空间: ？

Answer 2

你可以用word-spacing它.但是,要创建更动态的属性,您需要使用该em单元.这种方式单位基于font-size,因此实际上支持所有字体系列和字体大小:

ol li
{
    word-spacing: -.2em;
}

em不是绝对单位 - 它是相对于当前选择的字体大小的单位.

来源:为什么em而不是px？

的jsfiddle

Answer 3

这是一些有趣和相关的信息.它不能解决您的问题,但它可能会帮助那些正在寻找创建可选换行符的方式的人,就像我一样.零宽度空间​和<wbr>元素是两种可能的选择.

• https://en.wikipedia.org/wiki/Zero-width_space
• https://en.wikipedia.org/wiki/HTML_element#wbr
• http://graphemica.com/search?q=space

Answer 4

您也可以使用font-size: 0; demo

span.nospace {
        font-size: 0;
    }