html - 如何制作一个装满数字的盒子？

Question

假设我有这个号码 445758，我希望每个号码都像这样在盒子里

如何实现？

Answer 1

//conver the number to a string
var num_string=String(445758);
//loop through each character in the string and insert it into a 
//div which will be inserted into the document.
for(var x=0;x<num_string.length;++x){
var box=document.createElement("div");
box.className="box";
box.innerHTML=num_string[x]
document.getElementsByClassName("code")[0].appendChild(box);

}

.box{
display:inline-block;
padding:10px;
background:linear-gradient(yellow,white);
margin-right:5px;
margin-left:5px;
}

<div class="code"></div>