跨度内容和文本之间的不间断空格

Question

我可以在span内容和文字之间留出不间断的空格吗？我读过它，但看不出同样的情况。

<span style="some_style">
    <span number="1">1</span>"Some big text"
</span>

我需要在span内容（number="1"）与其后的第一个单词之间添加一个不间断的空格。

谢谢

Answer 1

所以你想要超级脚本！ 使用<sup>标记执行此操作。 sup标签使其上升并变小。 这是小提琴：http://jsfiddle.net/yczs7qtp/4/ 希望它有效！

Answer 2

在看到您的示例图片时，我不确定您所要求的实际上是您所需要的。

我怀疑＆＃39;号码＆＃39; span实际上应该是在之外包含通常涉及绝对定位的块。

喜欢这样。

＆＃13;

＆＃13;

.some_style {
  display: block;
  width: 50%;
  margin: 1em auto;
  position: relative;
  text-align: justify;
}
span[number] {
  position: absolute;
  top: 0;
  left: -1em;
}

＆＃13;

<span class="some_style">
    <span number="1">1</span> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Est incidunt ducimus facilis quae magnam vel sit alias consequatur voluptate modi repellat enim eaque soluta accusantium.
</span>

<span class="some_style">
    <span number="2">2</span> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Est incidunt ducimus facilis quae magnam vel sit alias consequatur voluptate modi repellat enim eaque soluta accusantium.
</span>

＆＃13;

＆＃13;

＆＃13;

事实上，使用data-attributes，您可以完全不使用内部范围。

＆＃13;

＆＃13;

.some_style {
  display: block;
  width: 50%;
  margin: 1em auto;
  position: relative;
  text-align: justify;
}
.some_style:before {
  position: absolute;
  content: attr(data-number);
  top: 0;
  left: -1em;
}

＆＃13;

<span class="some_style" data-number="1"> 
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Est incidunt ducimus facilis quae magnam vel sit alias consequatur voluptate modi repellat enim eaque soluta accusantium.
</span>

<span class="some_style" data-number="2">
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Est incidunt ducimus facilis quae magnam vel sit alias consequatur voluptate modi repellat enim eaque soluta accusantium.
</span>

＆＃13;

＆＃13;

＆＃13;