html显示信息长度较大的数据信息时的解决方式

在html中显示信息长度较大的数据信息时,能够将数据信息截取显示信息,当电脑鼠标滑落伍再显示信息详细数据信息。
比如,下面这类状况。
 
完成:

拷贝编码
编码以下:

<a title="${siteBoardInfoList.boardUrl}">
<c:if test="${fn:length(siteBoardInfoList.boardUrl) >= 40}">
${fn:substring(siteBoardInfoList.boardUrl,0,20)}......${fn:substring(siteBoardInfoList.boardUrl,fn:length(siteBoardInfoList.boardUrl)⑵1,fn:length(siteBoardInfoList.boardUrl))}
</c:if>
<c:if test="${fn:length(siteBoardInfoList.boardUrl) < 40}">
${siteBoardInfoList.boardUrl}
</c:if>
</a>