登陆      注册    找回密码   会员投稿 宽屏版 I 换肤 手机版 | 收藏本站   当前时间是: 
首页>技术文档>html5/cs3前端>正文


客户端(CSS)解决自动截取字符串长度,并以...代替

来源:互联网   作者:佚名   浏览:177次   发表时间:2022-9-28 5:06:01
【字体: 视力保护色:

通常的我们在读取文章标题的时候,遇到字符过多,都是通过程序在SERVER端截取一定的字符数,然后添加...来实现标题长度截取的。其实我们也可以通过CSS来控制。

实列如下:

.title
{
width:200px;
white-space:nowrap;
word-break:keep-all;
overflow:hidden;
text-overflow:ellipsis;
}

可用span或div引用,例如:

<span class=title>客户端解决标题显示太长省略多余部分并加省略号的样式</span>

<div class=title>客户端解决标题显示太长省略多余部分并加省略号的样式</div>

以上2例显示在超过样式定义的200px宽度后,后面的字符将被...替换.


董为坚个人网 https://www.dwjgrw.cn/ 【关闭窗口
注:转载或者复制本站文章,必须带上董为坚个人网链接。
部分文章来源于网络,如有侵权联系删除!
扫一扫在手机阅读

扫一扫 在手机阅读、分享本文


上一篇:有些黑暗,需要我们独自穿越
下一篇:热爱自我

版权所有:《董为坚个人网
本文地址:https://www.dwjgrw.cn/Content/id/426.html   复制地址
本站内容除特别注明外,均为《董为坚个人网》原创,欢迎转载!转载请注明本文地址,谢谢!


  评论列表

暂无评论

  发表评论 [评论会通过邮件和短信的形式通知我,我会及时回复,一定回来看哦!!!]
昵称: [必填]
邮箱: [必填]
内容:

           

[必填]
验证码:   
                     
给我留言 申请友链Copyright © 2012- 董为坚个人网, All rights reserved 手机版
本站已正常运行3462天技术顾问:董为坚个人网 ( 桂ICP备15004478号-1 )
  今日更新:1篇, 最后更新:2022-11-30联系QQ1115030108,邮箱:1115030108@qq.com
今日有468人访问,总访问数828286人请勿发布违反中华人民共和国法律法规的言论.