如何在服装工具提示中添加换行符?

时间:2013-04-25 14:36:19

标签: css

如何在服装工具提示中添加换行符?无论是css还是jquery,我不知道如何做到这一点,使用
本机工具提示很简单,但这不适用于服装,这使得显示一些信息很难,例如:

Name:John Smith
Age:15
Hair-Color:Green
.
.
.

那么解决方案是什么?

2 个答案:

答案 0 :(得分:3)

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

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

答案 1 :(得分:1)

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

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

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

或者在字符串中添加一个新行并使用反斜杠\正确转义:

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