首页 > 代码库 > span中内容随着数字长度的添加而增大

span中内容随着数字长度的添加而增大

场景:导航条中数据,当数据量不大时。仅仅会显示几页,数字仅仅有1,2。3,4..,数字写在span标签中, 则span不须要多宽。设置固定宽度就能够,但当数据量很大的。比如:日志管理--有增 删 改就有记录,且记录会一直保存,不会删除。这时成千万的数据量显示,转到最后一行时,页数就可能为几百万条,显示7位数字,span标签宽度就要添加了。要随着数字长度的添加需增大。

CSS设置,设置个最小宽度,内间距:

{ min-width:20px;

width:auto;

padding:2px;

display:inline-block

}

span中内容随着数字长度的添加而增大