标题文字过长的截取

发表于 分类于 评论数： 本文字数： 1.2k 阅读时长 ≈ 2 分钟

工作中经常碰到一些由于排版问题而无法显示完整的标题

如:

  • 这是一条新闻啊啊啊啊…
  • 这是一条新闻啊啊啊啊…
  • 这是一条新闻啊啊

最近正好遇到相关问题,总结出以下解决方法

CSS:以前就用过,效果一般,仅 ie6 支持

1
2
3
4
5
6
7
8
9
10
11
<style>
  div {
    width: 100px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
  }
</style>
<div>我有多长我有多长我有多长我有多长我有多长我有多长</div>
<div>我有多长我有多长我有多长我有多长我有多长我有多长</div>
<div>我有多长我有多长我有多长我有多长我有多长我有多长</div>

javascript::今天上班时候搞的,原来 js 有 substring 啊

1
2
3
4
5
6
7
8
<script language="JavaScript">
  var str = "有多长我有多长我有多长我有多长我有多长";
  if (str.length <= 5) {
    document.write(str);
  } else {
    document.write(str.substring(0, 5) + "…");
  }
</script>

VBS:这个我也不了解,感觉和 js 类似

1
2
3
4
5
6
7
8
9
10
11
12
function phxLeft(s,u)
tempLeft=left(s,u)
Set regEx = New RegExp
regEx.Pattern="$[$^\x00-\xff$]$"
regEx.IgnoreCase = True
regEx.Global = True
Set Matches = regEx.Execute(tempLeft)
n=u-round(Matches.Count/2)
phxLeft=left(s,n)
end function
msgbox phxLeft("有多长我有多长我有多长我有多长我有多长",5)
msgbox phxLeft("abcdefgggsadabsnuh",10)

asp:这个有问题,中英文混排就糟了,目前还没想到解决办法

1
2
3
4
5
6
7
8
text=rs("title") '将数据库字段值赋到某变量上
i=20 '定义固定大小
if len(text)>i then '如果文本长度大于给定的值
text=left(text,i) '则提取前段的i位的字符串
response.write (text&”…”)
else
response.write (text)
end if