Css 语义用户界面：在工具提示中添加换行符

我希望工具提示中有换行符：

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

我在这里尝试了几个建议：

---

什么也没起作用。我在不使用Javascript的情况下使用它（v.2.2）

您可以使用

数据html

，而不是带有

标记的

数据工具提示

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



此解决方案需要Javascript，请参见如果您需要使用无JS版本的工具提示，您可以调整工具提示的
宽度
，并将
空白
设置为
正常
 因为这是我第一次通过谷歌发现的，所以很好地完成了：

您还可以使用

与
空白区组合：pre如此处所述：
这与@terraloader的答案类似，但我想给出更多的上下文

这是在语义UI工具提示中添加换行符的最佳非Javascript解决方案。

将以下规则添加到样式表中：

[数据工具提示]：：之后{
空白：预处理；
}

然后，在
数据工具提示
属性中，使用

*

以下是方法：



*这是HTML编码的换行符（使用十六进制值）。您还可以使用十进制表示法

。无论哪种方式，它们在功能上都相当于作为换行符的
\n
。
谢谢，我采用这种解决方案。由于这需要Javascript，我编辑了您的答案以接受它