我有这个小代码(php):
echo "<span class='hint--bottom' data-hint='$nickname <br /> swag'><img src='https://cravatar.eu/helmavatar/$nickname'width='29px' height='29px' /></span> ";
当我尝试在网站上运行它时,这就是我得到的:
Polowicer <br /> swag. - Its a text.
如何添加(如果可能)<br />
到那个数据提示?
我试过\n, \r\n
但没有一个起作用。
最佳答案
如果您使用hint.css您需要更改一些 CSS 才能使其正常工作,然后您可以使用字符
.hint:before, .hint:after, [data-hint]:before, [data-hint]:after {
white-space : pre!important;
}
<!DOCTYPE html>
<html>
<head>
<title></title>
<link href="http://kushagragour.in/lab/hint/hint.min.css" type="text/css" rel="stylesheet" />
</head>
<body>
<br />
<br />
<br />
<p>
<a href="#" class="hint--top" data-hint="Yeah, I am >:D">Look, there is something over me.</a>
</p>
</body>
</html>
关于php - 如何在跨度文本中换行?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29587810/