Question

我有一个句子，其中有几个单词，其中客户想要显示在该行中的单词上方。有点像这样：

<击>约翰
<击>詹姆斯
吉姆是最好的。

问题在于删除词不在句子的开头，而是在句子的中间。因此，我需要一种方法将两个单词放在保持锚定到内联单词的行上方，无论段落如何包装。

Answer 1

问题似乎有点不明确;它没有考虑各种方面，例如，如果文本分成多行怎么办？您是否希望这些单词在前一行上叠加文本，或者自动增加行高以腾出空格，或者......？

无论如何，在它最简单的形式中它可能是这样的：

＆＃13;

body { padding-top:5em; }
.delcontainer { position:relative; }
.deletions { position:absolute; bottom:1em; left:0; }
.deletions del { display:block; }

＆＃13;

<p>Foo bar baz.
  <span class="delcontainer">
    <span class="deletions">
      <del>John</del>
      <del>James</del>
    </span>
    <ins>Jim</ins>
  </span>
is the best around.</p>

＆＃13;

http://jsfiddle.net/7ppq286u/

CSS将strikethrough单词锚定在另一个单词之上

1 个答案: