博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
限制输出字数,超过的用...省略
阅读量:4550 次
发布时间:2019-06-08

本文共 1702 字,大约阅读时间需要 5 分钟。

Html代码  
  1. <div style="width:200px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis; border:1px solid red">试试看试试看试试看试试看试试看试试看试试看试试看试试看试试看试试看</div>  

  

 

      效果:

    

       
    

   

语法:

text-overflow : clip | ellipsis

参数:

clip :  不显示省略标记(...),而是简单的裁切

(clip这个参数是不常用的!)

ellipsis :  当对象内文本溢出时显示省略标记(...)

说明:

设置或检索是否使用一个省略标记(...)标示对象内文本的溢出。

请您注意,text-overflow:ellipsis属性在FF中是没有效果的。

示例:

div { text-overflow : clip; }

text-overflow是一个比较特殊的样式,我们可以用它代替我们通常所用的标题截取函数,而且这样做对搜索引擎更加友好,如:标题文件有50 个汉字,而我们的列表可能只有300px的宽度。如果用标题截取函数,则标题不是完整的,如果我们用CSS样式text- overflow:ellipsis,输出的标题是完整的,只是受容器大小的局限不显示出来罢了。

text-overflow属性仅是注解,当文本溢出时是否显示省略标记。并不具备其它的样式属性定义。我们想要实现溢出时产生省 略号的效果。还必须定义:强制文本在一行内显示(white-space:nowrap)及溢出内容为隐藏(overflow:hidden)。只有这样 才能实现溢出文本显示省略号的效果。

 

 

有的时候的某段文本太长了,会影响整个的布局,很多人用动态语言来解决这个问题,但必须区分中文和英文,因为中文相当于两个英文字符长度,这样不仅繁琐,而且加重了服务器的负担。其实,我们完全可以使用CSS完美解决这个问题,

 

Html代码  
  1. white-space:nowrap;overflow:hidden;text-overflow:ellipsis;  <!-- 就这三句,,,嘿嘿....->  

 

 


 

 

或者使用

PHP中文处理 中文字符串截取(mb_substr)和获取中文字符串字数

作者: 字体:[增加 减小] 类型:转载 时间:2011-11-10

PHP中文处理 中文字符串截取(mb_substr)和获取中文字符串字数,需要的朋友可以参考下。
 
一、中文截取:mb_substr() 
mb_substr( $str, $start, $length, $encoding ) 
$str,需要截断的字符串 
$start,截断开始处,起始处为0 
$length,要截取的字数 
$encoding,网页编码,如utf-8,GB2312,GBK 
实例: 
复制代码代码如下:
<?php 
$str='脚本之家:http://www.jb51.net'; 
echo mb_substr($str,0,4,'utf-8');//截取头5个字,假定此代码所在php文件的编码为utf-8 
?> 
结果显示:脚本之家 
二、获取中文长度:mb_strlen() 
mb_strlen( $str, $encoding ) 
$str,要计算长度的字符串 
$encoding,网页编码,如utf-8,GB2312,GBK 
实例: 
复制代码代码如下:
<?php 
$str='脚本之家:http://www.jb51.net'; 
echo mb_strlen($str,'utf-8');//假定此代码所在php文件的编码为utf-8 
?> 
结果显示:24 
 
 
 
-

echo mb_strlen($news['n_content'], 'utf-8') > 9 ? mb_substr($news['n_content'], 0, 9, 'utf-8').'....' : $news['n_content'];
 
 

转载于:https://www.cnblogs.com/clphp/p/5127952.html

你可能感兴趣的文章
理解Array.prototype.fill和Array.from
查看>>
实验四
查看>>
javase-整数变量的交换
查看>>
使用Windows系统搭建Centos局域网YUM源
查看>>
跨平台的移动开发框架介绍
查看>>
String,StringBuffer与StringBuilder的区别
查看>>
Vim安装YouCompleteMe插件
查看>>
Java冒泡排序与二分法查找的代码随笔
查看>>
理解javascript观察者模式(订阅者与发布者)
查看>>
使用cocostudio 需要在Android.mk文件的配置
查看>>
WPF换肤之二:可拉动的窗体
查看>>
Lambda表达式
查看>>
VS2012智能感知变英文解决办法
查看>>
Python3中的赋值操作、浅拷贝与深拷贝
查看>>
多级字典表单的Python实现
查看>>
常用正则
查看>>
rvm的使用
查看>>
4.3 高级特性(3) -- 过滤
查看>>
MongoDB C++ 2.4.5 driver 编译安装问题
查看>>
非结构化数据存储方案
查看>>