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

pme*_*pme 5 css semantic-ui

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

<span data:data-tooltip="line 1 ...\n 
                              line 2 ...">
Run Code Online (Sandbox Code Playgroud)

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

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

Gib*_*ias 5

如果您需要使用无JS版本的tooltip,您可以调整widthtooltip的 并设置white-spacenormal


Gib*_*ias 4

您可以使用标签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>
Run Code Online (Sandbox Code Playgroud)

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