zoukankan      html  css  js  c++  java
  • 限制输出字数,超过的用...省略

    Html代码  收藏代码
    1. <div style="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'];
     
     
  • 相关阅读:
    linux 短信收发
    sama5d3 环境检测 adc测试
    【Codeforces 723C】Polycarp at the Radio 贪心
    【Codeforces 723B】Text Document Analysis 模拟
    【USACO 2.2】Preface Numbering (找规律)
    【Codeforces 722C】Destroying Array (数据结构、set)
    【USACO 2.1】Hamming Codes
    【USACO 2.1】Healthy Holsteins
    【USACO 2.1】Sorting A Three-Valued Sequence
    【USACO 2.1】Ordered Fractions
  • 原文地址:https://www.cnblogs.com/clphp/p/5127952.html
Copyright © 2011-2022 走看看