场景描述
需求:现在有一个字段中,需要鼠标悬停显示一些数值,但是这些数值需要进行换行显示。
方法探究
经了解,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>