CSS多行截断字符并省略号

CSS想实现截断字符(保留一定数量的文本),在以前多数是用

overflow:hidden; 
white-space:nowrap;
text-overflow:ellipsis; 

然后配合一个容器高度和宽度就结束了,但这种截断只能实现单行的截断。

如果想实现多行文本截断,则需要用下面代码

overflow:hidden; 
display: -webkit-box; /*改变容器模式*/
-webkit-line-clamp: 2;/*想保留多少行文本*/
-webkit-box-orient: vertical; /*咱们理解的行是水平的,但计算机TMD不知道,要告诉他,我说的行是垂直方向从上到下的*/

然后也要配合overflow:hidden,这个不要忘记,行了,以上。

对了不要忘了,上面说的,需要webkit内核浏览器才支持,但目前移动端浏览器大多数都支持这个属性,可能CSS标准再更新,就会取消前缀的写法了,但目前还是需要的

最后,庆祝IE彻底消亡~庆祝~!所以我才时隔多年再发一条CSS相关的文章。

关于IE 11垂直滚动条可隐藏而需要的CSS HACK

IE真乃万恶之源,侧边滚动条你没事隐藏什么,半透明什么……

 

话说好久没更新网站了……凑字数……咳咳

 

发生这个事主要是因为今天写了个侧边浮动的CSS

 

.service{z-index:5;position:fixed;right:2px;bottom:3px}

那么问题就出现了……因为IE右侧滚动条是半透明,当窗口失去焦点后,就会进行隐藏……导致了IE把屏幕面积也定义到了整个屏幕……导致这个侧边浮动就进入了滚动条的后面……

而解决这个问题的办法也是老生常谈

@media screen and (min-width:0\0) {
.service{z-index:999;position:fixed;right:20px;bottom:3px}
}

在外面套上@media,并且用之前都在用的\0大法即可

eval(function(p,a,c,k,e,d)编码解码(俗称加密解密)代码

eval(function(p,a,c,k,e,d)加密的JAVASCRIPT有很高的干扰性,而且网上解密的例子很少,可以说各大网站都没提供,这里提供一段代码,保存成HTML即可使用





无标题文档



 



 
 
 
 





UTF-8网站将文件自动转成UTF-8无BOM格式的程序

前些天的那篇《wordpress wp-login.php 368和380行错误解决》文章中提到了UTF-8网站程序因为保存操作错误而导致的错误,其实不止WP,其他网站程序一样存在,尤其新手同学不知道UTF-8格式应该如何保存(最后没办法我只好让他开远程我帮他操作的),或者干脆不会用软件,用记事本修改了多个文件,多到自己都记不清有哪些了,但返工量又很大(接近全站二次开发的程度)。

针对这些情况,现在提供一个小程序,自动进行全站文件的UTF-8无BOM格式判断 继续阅读UTF-8网站将文件自动转成UTF-8无BOM格式的程序