限制标题文字字数css或php

访客4年前黑客工具765
  1. 首先说一下css限制字数的 ***

因为如果你需要限制字符 本人建议使用css

Css好处是隐藏文字

并不是去截字符 所以对SEO优化有很大的好处的

text-overflow

1、clip:表示不显示省略标记(...),而只是简单的裁切,需要在一定的高度范围内配合overflow:hidden属性使用,如果不配合的话将无任何效果;

2、ellipsis:对象文本溢出时将显示省略标记(...),需要配合overflow:hidden;white-space:nowrap一起使用才会有效果。

text-overflow:clip所有浏览器都支持,但是text-overflow:ellipsis只有Firefox不支持,但有一些 *** 可以 兼容解决这个问题,这个问题后面在来一起讨论,我们先从简单的开始。text-overflow:ellipsis应用在Opera浏览器下时,需要加上 其前缀“-o-”。

 

.text-overflow-clip {
text-overflow: clip;
overflow: hidden;
height: 50px;
}
text-overflow:clip这个属性在我们实际应用中根本是没有任何意义的,因为他离开了height和overflow无任何效果,当他有这 两个属性配合时,达到的效果跟我们设置overflow:hidden效果一样,无任何区别,因此我们在实际应用中完全可以使用 overflow:hidden来实现这样的效果。换句简单的话说:单独的text-overflow:clip起不到任何截切效果。
text-overflow:clip这个属性在我们实际应用中根本是没有任何意义的,因为他离开了height和overflow无任何效果,当他有这 两个属性配合时,达到的效果跟我们设置overflow:hidden效果一样,无任何区别,因此我们在实际应用中完全可以使用 overflow:hidden来实现这样的效果。换句简单的话说:单独的text-overflow:clip起不到任何截切效果。

 

text-overflow:ellipsis在配合overflow:hidden;white-space:nowrap属性可以用来代替标题截取函 数,这样一来有助于搜索引擎,打个比方说,我们标题有20个字符,而其宽度只能设置100px,如果采用标题的截取函数,那么这个标题就显示不够完整,要 是我们使用text-overflow:ellipsis,标题输出是完整的,只不过是受到了其米素容器大小限制无法全部显示出来,此时就用(...)代 替了被隐藏的部分。换句说,text-overflow:ellipsis属性只起到一个注解作用;

 综上代码

.text-overflow-ellipsis {
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
height: 30px;
overflow: hidden;
white-space: nowrap; //让文本不换行,让文本内容强制性在同一行
}

  1. PHP ***

PHP substr() 函数

<?php
echo substr("Hello world",6);
?>

语法
substr(string,start,length)
标签: 网页教程

相关文章

不用代码也能隐藏QQ右上方更多按钮 防止域名被举报

本文是 不用代码也能隐藏QQ右上方更多按钮 防止域名被举报 相信很多资源站长都有一个困惑,自己好不容易搭建好的网站没几天域名就红了,内容并不一定违规,那毋庸置疑,域名肯定是被某些人给举报了,...

bing每日一图做网站背景

bing图片,清晰而且精美,做背景是不错的选择,而且每日一图 ps:选择强迫症的读音 第一步:创建一个bing.php文件,放入下列代码 <?php $str=file_get_conte...

一言简单用法

给网站引入一言 随机一句话 <html>   <head>   <script src="http://libs.baidu.com/jquery/2.0.0/jqu...

简单理解jQuery中$.getJSON、$.get、$.post、$.ajax用法

1.$.getJSON   $.getJSON()是专门为ajax获取json数据而设置的,并且支持跨域调用,其语法的格式为: $.getJSON(       url,             ...

一键还原B站BV号为AV号HTML网页源码

本文是分享:一键还原B站BV号为AV号HTML网页源码 快速还原BV为AV号,现在替换BILIBILI视频网页链接中的BV号为AV号依旧可以访问。 源码为网络看到,暂不明确作者。api调用地址:htt...

好看的进度环返回按钮

在杨小杰博客看到的 在以前某博客的某页面也见过类似效果 分享给大家 大致原理就是根据滚动距离和文档高度排定滚动百分比然后绘制画布,百分比数字是用data储存并使用css的 content属性实现...