作为一个程序员，经常需要面对的一个问题就是在新闻等信息的标题列表中，常常为了适应表格的宽度，需要对过长的标题文字的进行截取并在截取后的文字末端加上省略号。
众所周知，有很多方法可以实现这个功能，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是比如有一行文 ......
抽时间认真学学成大势的div+css网页设计方式，先记下关键概念的领悟吧，有助对这种网页设计方式有个很好的领悟。要知道 任何东西 要知道所以然才能灵活运用，才能谈的上创新。
1、首先考虑页面的结构
所谓结构就是看看页面有那些内容块”结合构成“，列出这些内容结构块，然后进行提取，整理最后需要的一个列表。
整理就是对内容块进行合理划分，尽量提取重用部分，最后形成一份剔除重复的块，重用粒度合理的一个列表。
2、结构和布局的分离。
结构和布局不是一回事，现有结构后才考虑布局，布局是建立在结构基础之上的，是对结构的一种渲染。就好像我在设计服装之前要知道服装的构成：有领子，纽扣，口袋，袖子等构成，然后在考虑领子用啥颜色，形状，口袋放到那个位置。对这些元素进行修饰后就成了不同款式的衣服了。div就是结构块，css就是起的这个左右的布局工具，对同一个结构可以使用不同的css布局样式，那么就形成了不同风格的页面表现形式。而结构体块是不变的。
3、结构的表现属性和css关系
所有结构的表现属性都可以用css代替实现，而且要求不再使用结构的表现属性，而是用css代替，即实现结构和布局样式的完全分离，这个可以方便对一套结构进� ......
最新文章 : css