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

2016-02-19 19:45 5 1 收藏

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

【 tulaoshi.com - Web开发 】

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

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

  实列如下:

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

  可用span或div引用,例如:

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

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

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

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

来源:http://www.tulaoshi.com/n/20160219/1621704.html

延伸阅读
标签: Web开发
[Ctrl+A 全选]
1、 代码如下: const char *str = "test测试test"; while(*str) { //这里只需要判断第一个字节大于0x80就行了,前提是输入的是合法的GBK字符串 //原因在于,如果第一个字节大于0x80,那么它必然和后面一个字节一起组成一个汉字 //所以就没有必要再去判断后面一个字节了 //再强调一下,前提条件是输入合法的GBK字符串 if(*str 0x80) { // 汉...
标签: Web开发
以下代码试用于GB2312编码,截取中文字符串是PHP中一个头疼的问题,解决方法是根据值是否大于等于128来判断是否是双字节字符,以避免出现乱码的情况。但中英文混合、特殊符号等问题总是存在,现在写一个比较全面的,仅供参考: 程序说明: 1. len 参数以中文字符为标准,1len等于2个英文字符,为了形式上好看些 2. 如果将m...
String$函数只能重复复制单字符,当需要重复复制2个或多个字符时,就需要一个循环。看起来是否很麻烦?然而,使用以下的函数就能解决这个问题。基本思路是:建立一个空格字符串,其长度为要重复复制的数目,然后替换每一个空格为要复制的字符串: FunctionReplicateString(SourceAsString,TimesAsLong)AsString ReplicateString=Replace$(Spa...
/** * 字符串分割 * * @author * @param str java.lang.String 要分割的字符串 * @param sp java.lang.String 需要被替换的子串 * @return 替换之后的字符串 * @return 分割失败,返回null */ public static String[] Split(String str, String sp) { StringTokenizer st = new StringTokenizer...

经验教程

763

收藏

15
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部