Question

如何限制将显示的最大位数。例如，如果我想要最多15位数字，并且在15位数字之后它将显示三个点。

    '<div class="secondpart"><h4>'+val[0]+'</h3>'+

'</h4><span style="color:#3498db">'+val[1]+'$</span></h4></div></li>';

我要限制的val是val [1]，例如，最大数字应该是15。谢谢你的帮助！

我试图添加这个+ val [1] .length＆gt; = 8+ 但它不起作用，因为它不是正确的方式我想

Answer 1

制作一个小格式化函数formatIt(val[1])：

function formatIt(myVal){
  if(myVal.length > 15)
    myVal = myVal.substring(0,15) + "...";
  return myVal
}

如果您想要3个小点，并且考虑到最大宽度（而不是最大字符数），您也可以使用css：

text-overflow: ellipsis;

Answer 2

您可以通过跨度宽度限制来限制数字：

span{
    display:inline-block;
    width:180px;
    white-space: nowrap;
    overflow:hidden !important;
    text-overflow: ellipsis;
}

Answer 3

听起来像你的val数组包含在尝试确定位数时无法按预期工作的整数。尝试在测试长度之前将值转换为字符串。这是一个例子：

var val = new Array(1234567890123456, 1234567890123456);

if (val[1].toString().length > 15) {
    val[1] = val[1].toString().substr(0,15) + "...";
}

document.write('<div class="secondpart"><h4>'+val[0]+'</h3>'+
'</h4><span style="color:#3498db">'+val[1]+'$</span></h4></div></li>');

如何限制val的数字量

3 个答案: