Semantic-UI：在工具提示中添加换行符

Question

我想在工具提示中添加换行符：

<span data:data-tooltip="line 1 ...\n 
                              line 2 ...">

我从这里尝试了几个建议： 在工具提示中添加换行符

没有任何效果。我在没有 Javascript 的情况下使用它（v.2.2）

Answer 1

如果您需要使用无JS版本的tooltip，您可以调整widthtooltip的 并设置white-space为normal。笔

Answer 2

您可以使用标签data-html来代替。data-tooltip<br/>

<div class="ui icon button" data-html="<p>First line <br/> Second line</p>">
  <i class="add icon"></i>
</div>

该解决方案需要Javascript，请参阅PEN