mysql 字符串用省略号_CSS截取字符串自动补充省略号

在页面中截取字符串并不一定非得用程序来实现截取，用CSS一样是可以实现字符串的截取的。并且用程序截取中英文混合的字符串时会发生截取的长度长短不一的情况，而用css截取就不会有这种问题。下面和大家分享一种利用css截取字符串的方法，当字符串过长的时候会自动补充省略号的。效果非常好。截取效果如下图：

CSS截取字符串自动补充省略号的具体代码如下：

CSS自动截取字符串

body{

background-color:#f4f4f4;

font-size:12px;

}

div.test{

width:200px;

height:100px;

border:1px solid red;

border-top:4px solid red;

padding:10px;

overflow:hidden;

text-overflow:ellipsis;

white-space:nowrap;

}

DIV+CSS模板、后台模板、图片图标下载，CSS代码实例、CSS导航菜单、CSS图表

http://www.phpernote.com/div-css/4.html

从以上代码可以看出来其实主要是用到了css的：text-overflow:ellipsis;这个属性，当然overflow:hidden;white-space:nowrap;这些属性也是必须的，另外也必须定义宽度。

mysql 字符串用省略号_CSS截取字符串自动补充省略号相关推荐

mysql 字符串索引起始_mysql截取字符串
mysql截取字符串 mysql索引从1开始一.mysql截取字符串函数 1.left(str,index) 从左边第index开始截取 2.right(str,index)从右边第index开始截 ...
mysql 字符串取前缀_mysql截取字符串的函数总结
1.从左开始截取字符串 left(str, length) 说明:left(被截取字段,截取长度) 例:select left(content,200) as abstract from my_con ...
mysql 字符串前四位_sql截取字符串前几位
sql截取字符串前几位 sql中,使用LEFT函数即可取到字符串的前几位. LEFT(c, number_of_char)用于返回某个被请求的文本域的左侧部分,其中c代表被请求的文本域,number_ ...
linux 提取字符串一部分,Linux Shell 截取字符串的方法示例
shell中截取字符串的方法很多 ${var#*/} ${var##*/} ${var%/*} ${var%%/*} ${var:start:len} ${var:start} ${var:0-sta ...
php 截取字符串的方法,php截取字符串的方法介绍
在php中有一项非常重要的技术,就是截取指定字符串中指定长度的字符.PHP对于截取字符串可以使用PHP预定义函数substr()函数来实现.相信这个大家都非常的清楚,那么我还有那些方法呢! 代码如下: ...
php 按截取字符串,PHP按符号截取字符串的指定部分
字符串截取在php开发中是比较常用的: 而且对于截取的需求也有很多种: 就比如说对url链接的操作:http://baijunyao.com/article/12 有时我们想截取最后一个斜杠'/'后面 ...
java如何使截取字符串_java中如何截取字符串中的指定一部分
java中如何截取字符串中的指定一部分关注:136 答案:4 mip版解决时间 2021-02-06 13:27 提问者妳涐執唸汰深 2021-02-06 08:56 精选比如 F:\wor ...
在html中如何截取字符串,javascript中如何截取字符串？
JavaScript中截取字符串有三种方法,分别是substring(),substr(),split().下面本篇文章就来给大家介绍一下它们的使用方法,希望对大家有所帮助. 方法1:使用substr ...
python 分隔符截取字符串_python指定分隔符截取字符串
python截取指定分隔符后面的字符串例如:notifydata[1] =G20-杭州峰会放假时间 notifydata[2] =G20-杭州峰print('-'.join('G20-杭州峰会-放假 ...

mysql 字符串用省略号_CSS截取字符串自动补充省略号

http://www.phpernote.com/div-css/4.html

mysql 字符串用省略号_CSS截取字符串自动补充省略号相关推荐

最新文章

热门文章