固定大小的div不应该将数字拆分为一半

Question

如果序列中有数字，那么这些数字会显示在固定大小的div包装器中。如何防止这些数字在两位数字上中断，例如，如果数字为45，我不想在第一行结束时将此数字分为4，在第二行的开始时为5。

例如，给定的序列号是

1 2 3 10 20 45 91 92 93 94

如果固定的div大小有一个宽度来打破这个数字，我想像这样打破

1 2 3 10 20 45
91 92 93 94

而不是

1 2 3 10 20 4
5 91 92 93 94

Answer 1

使用word-break

＆＃13;

＆＃13;

#content{
    width: 45px;
    word-break: keep-all;
}

＆＃13;

<div id="content">1 2 3 10 20 45 91 92 93 94</div>

＆＃13;

＆＃13;

＆＃13;

Answer 2

你可以尝试这个来排序

var points = [40, 100, 1, 5, 25, 10];
points.sort(function(a, b){return a-b});

使用jquery在div中打印

var text;
jQuery.each(points, function(i, val) {
    text+= val + " ";
});

$('#myDIV').html(text);