84669 人が学習中
152542 人が学習中
20005 人が学習中
5487 人が学習中
7821 人が学習中
359900 人が学習中
3350 人が学習中
180660 人が学習中
48569 人が学習中
18603 人が学習中
40936 人が学習中
1549 人が学習中
1183 人が学習中
32909 人が学習中
js 如何判断文本内容是否换行了? 文字超过一行后显示省略号,后面需要显示一个展开的按钮;如果文字没超过一行,隐藏按钮。求大神指点?谢谢
拥有18年软件开发和IT教学经验。曾任多家上市公司技术总监、架构师、项目经理、高级软件工程师等职务。 网络人气名人讲师,...
解决方案:通过计算内容宽度,算出容器宽度,来比较宽度是否超过容器。。。由于是列表,在模板中获取不到内容宽度,就提前绘制一个隐藏的模板,计算每条内容的宽度,再显示界面
这种情况一般来说通过计算总宽度和字体宽度,通过字数判断更合适!
你可以判断 内容的长度,比如最多显示10个字,string.length>10 就 string.substr(0,10) + "...." + ["展开按钮"]显示出来string.length<=10 就全部显示 并不要["展开按钮"]
string.length>10
string.length<=10
用css就可以控制。text-overflow这个属性
判断字体盒子的高度
这是实现超过长度隐藏显示省略号的CSS
width: 100px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
解决方案:通过计算内容宽度,算出容器宽度,来比较宽度是否超过容器。。。由于是列表,在模板中获取不到内容宽度,就提前绘制一个隐藏的模板,计算每条内容的宽度,再显示界面
这种情况一般来说通过计算总宽度和字体宽度,通过字数判断更合适!
你可以判断 内容的长度,
比如最多显示10个字,
string.length>10
就 string.substr(0,10) + "...." + ["展开按钮"]显示出来string.length<=10
就全部显示 并不要["展开按钮"]用css就可以控制。text-overflow这个属性
判断字体盒子的高度
这是实现超过长度隐藏显示省略号的CSS