如何在 Semantic-UI 的弹出数据工具提示中添加换行符

Question

我想要总共 3 个句子，使用在数据工具提示中添加换行符我试过了，但没有用

    <div class="ui icon button" data-html="true"
    data-tooltip="The default theme's basic popup <br/> 
removes the pointing arrow." 
    data-position="bottom center">
      <i class="add icon"></i>
    </div>

Answer 1

你可以使用这个：

<div class="ui icon button" data-html="<div class='content'>The default theme's basic 
popup <br/> removes the pointing arrow.</div></div>" data-position="bottom center">
   <i class="add icon"></i>
</div>

或者这个，在这种格式下你可以使用你需要的每个 html 标签：

<div class="ui icon button test">
    <i class="add icon"></i>
</div>
<div class="ui custom popup top left transition hidden">
    The default theme's basic popup 
    <br/>
    removes the pointing arrow.
</div>

并使用这个脚本：

<script>
    $(".test.button").popup({
       popup : $(".custom.popup"),
       on    : 'hover'
    });
</script>

如何在 Semantic-UI 的弹出数据工具提示中添加换行符

how to add line break whitin popup data-tooltip in Semantic-UI

javascript

jquery

popup

tooltip

semantic-ui