头闻号

上海伟曼司商贸有限公司

服饰代理加盟|精细化学品代理加盟|电工电气产品加工|化妆品套装|服装代理加盟|饰品...

首页 > 新闻中心 > 科技常识:利用CSS截取标题长度方法
科技常识:利用CSS截取标题长度方法
发布时间:2024-12-26 15:43:07        浏览次数:5        返回列表

今天小编跟大家讲解下有关利用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;

来源:爱蒂网