84669 personnes étudient
152542 personnes étudient
20005 personnes étudient
5487 personnes étudient
7821 personnes étudient
359900 personnes étudient
3350 personnes étudient
180660 personnes étudient
48569 personnes étudient
18603 personnes étudient
40936 personnes étudient
1549 personnes étudient
1183 personnes étudient
32909 personnes étudient
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