在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)-21,fn:length(siteBoardInfoList.boardUrl))}
</c:if>
<c:if test="${fn:length(siteBoardInfoList.boardUrl) <40}">
${siteBoardInfoList.boardUrl}
</c:if>
</a></p
完整代码
<!DOCTYPE html><html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
/*推荐通过css设置样式*/
#s1 {
/*#s1 表示找到id为s1的标签,对他设置样式*/
color: red
/*字体颜色*/
font-size: 30px
/*字体大小*/
font-weight: 900
/*100,200,300...900越大越粗*/
}
</style>
</head>
<body>
<span id="s1">
感谢您的支持 这里是通过css设置样式实现
</span><br />
<span id="s2" style="color:redfont-size:35pxfont-weight: bold">
非常感谢 ,这里是通过style设置样式实现
</span>
</body>
</html>
效果
让html字体变大，分成几个步骤：
在浏览器中查看信息，可以通过浏览器自带的调节大小的功能来调节字体的大小。
然后在浏览器的右下角有一个百分比的选项，右边有一个小箭头，这就是调节大小的功能区域。点击一下右边的这个小箭头。
在d出的一系列选项中，点击其中一个，比如200%，说明此网页的字体将变大一倍，当然有很多其他的选项，也可以自定义大小。
点击之后，网页的字体开始变得很大，比之前大了一倍，这样我们就可以很清楚地看清网页信息的内容。
<p onmouseover="this.style.fontSize=33" onmouseout="this.style.fontSize=60" onmouseup="this.style.fontSize=33">
</p><!-- onclick 脚本 当鼠标被单击时执行脚本 ondblclick 脚本 当鼠标被双击时执行脚本 onmousedown 脚本 当鼠标按钮被按下时执行脚本 onmousemove 脚本 当鼠标指针移动时执行脚本 onmouseout 脚本
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）