语义-UI“无javascript”工具提示:我们可以将部分文本以粗体表示吗？

Question

我使用的是"no javascript“工具提示(参见此处的”工具提示“：https://semantic-ui.com/modules/popup.html#tooltip )。

用粗体表示部分文字的最快方法是什么？

我试过了，但没有用：

<div class="ui button" data-tooltip="Add users to your <strong>feed</strong>" data-position="top left">
  Top Left
</div>

​

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.2.13/semantic.min.css" integrity="sha256-/Z28yXtfBv/6/alw+yZuODgTbKZm86IKbPE/5kjO/xY=" crossorigin="anonymous" />

<script src="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.2.13/semantic.min.js" integrity="sha256-Bhi6GMQ/72uYZcJXCJ2LToOIcN3+Cx47AZnq/Bw1f7A=" crossorigin="anonymous"></script>

<span>
<div class="ui button" data-tooltip="Add users to your <strong>feed</strong>" data-position="bottom left">
      Bottom Left
    </div> </span>

​

Answer 1

看看https://semantic-ui.com/modules/popup.html#tooltip在Flow中的应用，您可以使用它给出相同的外观，但不同的方法可能对您有用。

我相信工具提示会将其呈现为纯文本，并且不允许html值。

希望这有帮助，你可以根据你的需要调整它，删除你不需要的列，并应用其他样式等等。

<div class="ui button">Show flowing popup</div>
<div class="ui flowing popup top left transition hidden">
  <div class="ui three column divided center aligned grid">
    <div class="column">
      <h4 class="ui header">Basic Plan</h4>
      <p><b>2</b> projects, $10 a month</p>
      <div class="ui button">Choose</div>
    </div>
    <div class="column">
      <h4 class="ui header">Business Plan</h4>
      <p><b>5</b> projects, $20 a month</p>
      <div class="ui button">Choose</div>
    </div>
    <div class="column">
      <h4 class="ui header">Premium Plan</h4>
      <p><b>8</b> projects, $25 a month</p>
      <div class="ui button">Choose</div>
    </div>
  </div>
</div>