css - 如何在服装工具提示上添加换行符？

Question

如何在服装工具提示上添加换行符？无论是css还是jquery，我不知道该怎么做，使用原生工具提示很简单，
但不适用于服装，这使得显示一些信息变得困难，例如：

姓名：约翰·史密斯
年龄：15
发色：绿色
.
.
.

那么解决方案是什么？

Answer 1

如果使用简单的换行符
或\n，则必须设置white-space: pre;为保留换行符和空格。或者您可以在后端或通过 JS 将每个
转换为换行 HTML 标记<br />。

请参阅：https ://developer.mozilla.org/en-US/docs/CSS/white-space

Answer 2

在 javascript 中有两种方法可以做到这一点：

\n在字符串中使用换行符：

var tooltipstring = "John Smith \n Age:15 \n Hair-Color:Green";

或者通过在字符串中添加新行并使用反斜杠正确转义\：

var tooltipstring = "John Smith \
Age:15 \
Hair-Color:Green";