文中省略号

的实现涉及一行的实现或者在项目前几行后添加省略号。在前几行后面加省略号时，使用了-webkit-line-clamp和-webkit-box-orient属性，会出现webpackpackaging-webkit-box-orient属性被忽略的情况，这里记录1.单行实现文本省略号/*设置这里显示的宽度*/overflow:hidden;white-space:nowrap;/*文本超出宽度显示省略号*/text-overflow:ellipsis;width:100%;2.前几行实现文本省略号显示：-webkit-box;-webkit-box-orient:vertical;/*设置方向*/-webkit-line-clamp:2;/*设置超过省略号的行数*/overflow:hidden;使用webpack打包工具时，这个-webkit-box-orient属性会被忽略，这里可以修改为如下显示：-webkit-box；溢出：隐藏；/*！autoprefixer:off*/-webkit-box-orient:vertical;/*autoprefixer:on*/-webkit-line-clamp:8;text-overflow:ellipsis;在这个评论里不要忘记加感叹号3.用js实现字数在简单的js截取后加上省略号if(title.length>26){title=title.substring(0,27)+"...";}完整的js拦截后加一个省略号/*判断文本内容的长度并在长度后加一个省略号，尝试对富文本进行操作*/functionsliceWord(内容）{lettemplateWord='';/*自定义文本内容长度*/constlen=523;if(content.length*2<=len){返回内容；}/*用于记录文本内容的总长度*/让strLength=0;for(leti=0;i128){strLength=海峡长度+2;如果(strLength>=len){返回templateWord.substring(0,templateWord.length-1)+"...";}}else{strLength=strLength+1;如果(strLength>=len){返回templateWord.substring(0,templateWord.length-2)+"...";}}}returntemplateWord;}4.利用伪元素加js实现省略号html文件扔空相机镜头的费石医生的回复。当你玩机器时，你很饿。大弗兰克饿了。是一次源远流长的征程，砥砺前行。安慰IE的是大佛。我的体重减轻了。谁会撒娇呢？