JSP页面鼠标悬停title信息换行

时间:2022-04-29 13:39:02

场景描述

需求:现在有一个字段中,需要鼠标悬停显示一些数值,但是这些数值需要进行换行显示。

方法探究

经了解,title信息具有特殊的换行符: 
;和
,两种写法,实现的效果是一样的。

提供一个在线网站,可以实际去测试一下:http://www.divcss5.com/yanshi/2013051701/

代码示例

后台字符串构建:

//构建历史数据 title标签下的数据 使用 
或者
分隔符实现换行
StringBuffer stringBuffer = new StringBuffer();
for (String sb : resultList){
stringBuffer.append(sb);
stringBuffer.append("
");
}

return stringBuffer.toString();

前台展示

<td style="color: black; background-color: #ffb570"><a style="color: white" title="${datam.historyDateCounts}"><c:out value="${datam.clusterStatus}" /></a></td>

参考文章

http://www.divcss5.com/jiqiao/j510.shtml