Html 如何在标题值中使用换行符

我已经创建了这段

HTML

代码，它有一个css样式的工具提示和指向该工具提示的链接，只要你将鼠标悬停在上面，就会显示一段文本。
但是现在我想在我的工具提示中显示两行或更多的文本。我怎样才能做到这一点

我尝试使用

\n

和

但没有效果

表，th，td{
边框：1px纯黑；
}
CSS3工具提示
.ordertooltip{
显示：内联；
位置：相对位置；
}
.ordertooltip:悬停：在{
背景：#333；
背景：rgba（0,0,0,8）；
边界半径：5px；
底部：26px；
颜色：#fff；
内容：attr（title）；
左：20%；
填充：5px15px；
位置：绝对位置；
z指数：98；
宽度：220px；
}
.ordertooltip:悬停：在{
边框：实心；
边框颜色：#333透明；
边框宽度：6px 6px 0 6px；
底部：20px；
内容：“；
左：50%；
位置：绝对位置；
z指数：99；
}







我的小费

您有几个选择：

使用工具提示插件（不错）

只需按“回车”键（并非所有浏览器都支持）

对于选项2，代码的外观如下所示：

<a title="First line
Second line
Third line">My link</a>

---

内容

您有几个选项：

使用工具提示插件（不错）

只需按“回车”键（并非所有浏览器都支持）

对于选项2，代码的外观如下所示：

<a title="First line
Second line
Third line">My link</a>

---

内容

如果存在工具提示文本“不更改运行时”，则可以为

指定固定宽度。ordertooltip:Hover:after

并使用

用于换行



表，th，td{
边框：1px纯黑；
}
CSS3工具提示
.ordertooltip{
显示：内联；
位置：相对位置；
}
.ordertooltip:悬停：在{
背景：#333；
背景：rgba（0,0,0,8）；
边界半径：5px；
底部：26px；
颜色：#fff；
内容：attr（title）；
左：20%；
填充：5px15px；
位置：绝对位置；
z指数：98；
宽度：100px；
}
.ordertooltip:悬停：在{
边框：实心；
边框颜色：#333透明；
边框宽度：6px 6px 0 6px；
底部：20px；
内容：“；
左：50%；
位置：绝对位置；
z指数：99；
}





我的小费
如果存在工具提示文本“不更改运行时”，则可以为
指定固定宽度。ordertooltip:Hover:after

并使用

用于换行



表，th，td{
边框：1px纯黑；
}
CSS3工具提示
.ordertooltip{
显示：内联；
位置：相对位置；
}
.ordertooltip:悬停：在{
背景：#333；
背景：rgba（0,0,0,8）；
边界半径：5px；
底部：26px；
颜色：#fff；
内容：attr（title）；
左：20%；
填充：5px15px；
位置：绝对位置；
z指数：98；
宽度：100px；
}
.ordertooltip:悬停：在{
边框：实心；
边框颜色：#333透明；
边框宽度：6px 6px 0 6px；
底部：20px；
内容：“；
左：50%；
位置：绝对位置；
z指数：99；
}





我的小费
我不接受我自己的答案，因为这只是一种解决办法，而不是答案

我已经更改了css并在html中使用span，因此现在我可以用

标记换行



.txt{
显示：内联块；
位置：相对位置；
}
.ordertooltip{
显示：无；
宽度：200px；
位置：绝对位置；
填充：8px；
保证金：4px 0 0 4px；
排名前20名；
左：16px；
边框：1px实心#76B6D7；
边界半径：0px 8px 8px 8px；
背景：贝德菲；
字体大小：15px；
盒影：0 1px2px-1px#21759B；
z指数：999；
背景位置：0；
边框颜色：#76B6D7；
背景色：#贝德夫；
框阴影颜色：#21759B；
}
.txt:hover.ordertooltip{
显示：块；
}








我的小费
1-线一
2-线二
3-线三
我不接受我自己的答案，因为这只是一种解决办法，而不是答案

我已经更改了css并在html中使用span，因此现在我可以用

标记换行



.txt{
显示：内联块；
位置：相对位置；
}
.ordertooltip{
显示：无；
宽度：200px；
位置：绝对位置；
填充：8px；
保证金：4px 0 0 4px；
排名前20名；
左：16px；
边框：1px实心#76B6D7；
边界半径：0px 8px 8px 8px；
背景：贝德菲；
字体大小：15px；
盒影：0 1px2px-1px#21759B；
z指数：999；
背景位置：0；
边框颜色：#76B6D7；
背景色：#贝德夫；
框阴影颜色：#21759B；
}
.txt:hover.ordertooltip{
显示：块；
}








我的小费
1-线一
2-线二
3-线三
我通过添加数据属性解决了这个问题

data-html="true"

在标题中添加一个

，作为：
title=“Requirement:
0.7”
我通过添加数据属性解决了这个问题

data-html="true"

并在标题中添加一个

：
title=“Requirement:
0.7”
看看这个，可能你应该使用php文件使用代码&；换行。选中此项-标记中有错误。您正在关闭
和