今天小编跟大家讲解下有关利用CSS截取标题长度方法 ,相信小伙伴们对这个话题应该有所关注吧,小编也收集到了有关利用CSS截取标题长度方法 的相关资料,希望小伙伴们看了有所帮助。
网站中经常出现一些标题比较长的文章 再调用标题时为了使整体布局美观 需要将标题控制在一行显示 并且截取一定的长度 截取的地方用省略号代替。虽然用动态语言可以对其控制 但是这样做是不利于搜索引擎收录的 而CSS很巧妙地解决了这个问题 请看下面的代码: 代码一:用于非表格LI或span等都可以 复制代码代码如下:.text-overflow { display:block; width:31em; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } 代码二:用于表格 复制代码代码如下:table{ width:30em; table-layout:fixed; td{ width:100%; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;来源:爱蒂网