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

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>