关于标题字符截取
来源:互联网 发布:九阴真经捏脸数据男 编辑:程序博客网 时间:2024/05/16 05:54
今天做页面时遇到一个标题字符截取问题,就是在新闻等信息的标题列表中,为了适应表格的宽度,需要对过长的标题文字进行截取并在截取后的文字末端加上省略号,由于自己对PHP不熟悉,只能在在网上搜索答案,结果发现了几种方法,摘记于此。
方法一:用CSS解决中英文混合字符串的截取省略问题
众所周知,有很多方法可以实现这个功能,JavaScript,ASP,PHP都有各自的实现方法,但是面临的问题有很多,比如中英文混杂时或在某些编码下,容易造成截取出现乱码的问题,虽然大多数问题已经有比较成熟的解决方案,但在数据量比较大时,使用JavaScript,ASP,PHP实现这一功能,无疑会给客户端或服务器端造成比较大的资源开销。
随着W3C的渐渐普及,许多网站都在进行着将传统表格转化为DIV+CSS的布局方式,我在研究CSS与DIV的一些特性时,发现了一个比较有趣的CSS,经过一系列的研究和实验以后,发现了一个使用DIV+CSS实现这一功能的另类方法,此方法在我所能测试均无问题,并且良好的兼容于各种编码及中英文混排的情况。
在Div中的方法:
<DIV STYLE="width: 200px; border: 1px dashed red; overflow: hidden; text-overflow:ellipsis">
<NOBR>就是比如有一行文字,很长,表格内一行显示不下.</NOBR>
<NOBR>就a是比如有一行文字,很长,表格内一行显示不下.</NOBR>
<NOBR>就1是比如有一行文字,很长,表格内一行显示不下.</NOBR>
<NOBR>就F是比如有一行文字,很长,表格内一行显示不下.</NOBR>
<NOBR>就是 Like You Pig Very Very Very Much.</NOBR>
</DIV>
在Table中的方法:
<TABLE style="table-layout:fixed;border-collapse:collapse;font-size:12px;" border="1" width="200" bordercolor=#666666>
<TR>
<TD nowrap style="overflow:hidden;text-overflow:ellipsis;">内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容</TD>
</TR>
</TABLE>
代码很简单,基本上应该很容易就可以看明白,主要在于“text-overflow”这个属性,此属性有2个值,分别是“ellipsis”和“clip”,简单的理解,第一个值会在截取之后在文字末端加上省略号,第二个值则不会。
此方法在IE6和IE7中显示是正确的,但在FIREFOX里达不到预期效果。
- 关于标题字符截取
- 关于汉字字符的截取
- ASP按字符长度精准截取中英文标题
- wordpress截取标题字符最简单的方法
- 关于文章标题截取规定字数:(c#)
- 字符截取
- 截取字符
- 字符截取
- 字符截取;字符替换;
- asp.net准确截取文本长度(取得标题的字符数)
- C#截取指定长度字符超出部分以"..."代替,用于处理过长的标题
- 截取一定长度的文章标题,超过指定长度,就加“...”,处理字符和汉字不等长问题
- 模版截取字符
- asp截取中英文字符
- c#截取中英文字符
- 截取字符函数
- PHP截取字符类
- PHP中截取字符
- 基于iocp的SOCKET通讯软件的设计
- 自己做的模幂运算太肤浅了
- 测试String StringBuilder StringBuffer 的执行速度
- weblogic.servlet.jsp.CompilationException问题的解决
- 按钮中添加位图和图标
- 关于标题字符截取
- 用Shader实现的YUV到RGB转换:使用3重纹理实现
- 什么是上、下游产业
- VS2005 warning C4251 needs to have dll-interface
- 采用UTF-8解决Ruby on Rails程序的中问题
- 进决赛了!!!
- 移动GPRS上网卡在电脑和PDA上的设置
- JAVA相关基础知识总结(连载)-13
- JAVA相关基础知识总结(连载)-14