标签:内容 前端 标题 单行 div 字符截取 环境 psi png
起因:本地测试环境开启了mbstring,所以在展示标题和内容的时候直接就用字符截取了
但是服务器使用的是阿里云的虚拟主机,没办法开启mb_扩展
所以只好使用前端的css来做字符限制
而这几个属性确实很不熟悉,故此记录一下
正文:
对于单行的标题,确保设置了高度,之后就设置如下三个css
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis
对于内容简介,需要展示多行的,同样确保设置了高度之后,通过调节line-height来控制可以显示几行,代码如下
line-height:17px;
overflow:hidden;
white-space:normal;
text-overflow:ellipsis
标签:内容 前端 标题 单行 div 字符截取 环境 psi png
原文地址:https://www.cnblogs.com/sicada/p/8993895.html