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

谁是谁的谁谁95

谁是谁的谁谁95

2016-02-19 19:45

有了下面这个客户端(CSS)解决自动截取字符串长度,并以...代替教程,不懂客户端(CSS)解决自动截取字符串长度,并以...代替的也能装懂了,赶紧get起来装逼一下吧!

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

  实列如下:

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/webkaifa/)

.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

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/webkaifa/)

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

展开更多 50%)
分享

猜你喜欢

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

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

CSS:用overflow代替left截取指定长度字符串

Web开发
CSS:用overflow代替left截取指定长度字符串

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

java 截取字符串(判断汉字)

Web开发
java 截取字符串(判断汉字)

截取实际长度字符串并用空格替换

Web开发
截取实际长度字符串并用空格替换

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

两个截取字符串的实用方法(超过一定长度自动换行)

Web开发
两个截取字符串的实用方法(超过一定长度自动换行)

jquery 截取字符串的实现

Web开发
jquery 截取字符串的实现

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

Oracle数据库备份技巧

Oracle数据库备份技巧

Ajax实战:使用CSS间接添加事件

Ajax实战:使用CSS间接添加事件
下拉加载更多内容 ↓