Question

我试图让星号“*”直接出现在“pp”上方，但是如果我尝试将其插入与包含“pp”的跨度相邻的跨度中或者直接在价格之后插入，它会不按要求坐在上面..

有人可以帮忙吗？我的html在

之下

<div class="fist-div">
    <span>
         <span data-bind="text: '£' + price">£731*</span>
         <small>pp</small>
    </span>
</div>

Answer 1

您可以使用sup标记执行此操作。试试这个。

CSS＆amp; HTML

＆＃13;

sup{color:red}

＆＃13;

      <div class="fist-div">
       <span>
        <span data-bind="text: '£' + price">£731</span>
        <small>pp<sup>*</sup></small>
       </span>
   </div>

＆＃13;

您可以在任何想要*的地方重新排列它。希望这有帮助。

Answer 2

如果您希望*直接位于pp之上，则需要调整位置。

＆＃13;

.first-div small {
  position: relative;
  left: -10px;
  top: 2px;
}

＆＃13;

<div class="first-div">
  <span>
    <span data-bind="text: '£' + price">£731*</span>
    <small>pp</small>
  </span>
</div>

＆＃13;

Answer 3

你可以这样做..

＆＃13;

sup {
  color: green;
  position: relative;
  left: 10px;
}

＆＃13;

<div class="fist-div">
  <span>
     <span data-bind="text: '£' + price">£731<sup>*</sup></span>
  <small>pp</small>

  </span>
</div>

＆＃13;

在div中重新排列span元素

3 个答案: