8-26，补23号的坑，，，，
没有及时整理，谴责一下自己。。。。。
对于html中过长的信息，不希望全部显示，超长部分用...代替的需求
可以通过css或者js两种方式解决
一、css方式
image.png
{
-webkit-line-clamp: 1;/*限制行数*/
overflow: hidden;/*超出部分隐藏*/
display: -webkit-box;/*超出部分用（....）代替*/
-webkit-box-orient: vertical;/*使文字竖排排列*/
}
前三个属性是在块元素如<div>中使用的
如果在<span><p>等非块元素中使用，则需要加第四个属性
js方式：
var a = $("#a").text();
if(a.length>5){
var b = a.substring(0,5);
$('#a').text(b+'...');
}
8-26，补23号的坑，，，，没有及时整理，谴责一下自己。。。。。对于html中过长的信息，不希望全部显示，超长部...
JavaScript篇 各司其职例：直接使用CSS类的切换（避免直接使用js改变css样式） 使用CSS代替JS例...
wow.js简介 功能: 滚动页面, 显示css动画 和animate.css配合使用 wow.js基本使用 基本...
在jsp中使用markdown 所需要的js.css等等文件还有结构 显示图 将markdown转换为HTML 显示图
wap中，如果是不需要隐藏的导航，而且不需要在其内部使用滚轮，那可以直接使用css3属性代替js 网站上很多使用 ...
使用css截取单行文本超过时显示... 对于多行文本，使用js截取并显示所有
数据过长时，为显示清晰，我们对数据进行格式化处理；分为1.过长处使用...代替，显示部分数据；2.加，分割数据;3...
Vue里使用import TS/JS可以通过@/目录名引入文件（@代替src/） CSS/SASS可以通过~@/目...
css-loader 把css转化为js字符串 style-loader 把js字符串放入.html中的 作为st...
使用 vue.js 开发大型应用需要使用 webpack 打包工具，Webpack 可以将 js、css、png ...
本文标题：需要显示的字符过长使用...代替(js/css)
本文链接：https://www.haomeiwen.com/subject/pwjpiftx.html
网友评论