87,901
社区成员
发帖
与我相关
我的任务
分享
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>打印下划线_思路</title>
<style>
.under_line{font-size:12px ;line-height:20px;}
.under_line .unline{text-decoration:underline}
</style>
</head>
<body>
<span class="under_line">内容描述:打印的效果是这样的,如何利用脚本实现在打印的时候横线上自动换行,横线内容是从数据库读取的。简单的概述就是利用脚本根据横线长度自动换行,希望高手可以提供个思路。</span>
<script language="javascript">
<!--
function setLine(s){return "<nobr class=unline>"+s+"<nobr>"}
function get_Line(s){
var sArr=[]
var str=s
while(str.length>0){
sArr[sArr.length]=str.substr(0,w)
str=str.substr(w)
}
var t=sArr[0].split(":")
sArr[0]=t[0]+":"+setLine(t[1])
for (var i=1;i<sArr.length;i++)
sArr[i]=setLine(sArr[i])
str=sArr.join("<br>")
return str
}
var w=15
var obj=document.getElementsByTagName("span")
for (var i=0;i<obj.length;i++){
if (obj[i].className=="under_line" && obj[i].innerHTML.length>w){
obj[i].innerHTML=get_Line(obj[i].innerHTML)
}
}
//-->
</script>
</body>
</html>