先来看看效果图
JavaScript示例代码
标签)样式
p.style.width = '100px';
p.style.height = '30px';
p.style.lineHeight = '30px';
p.style.background = 'yellow';
p.style.display = 'inline-block';
p.style.border = '1px solid green';
p.style.textAlign = 'center';
//格子添加内容
p.innerHTML = j + "*" + i + "=" +(j * i);
wrap.appendChild(p);
}
var br = document.createElement('br');
wrap.appendChild(br);
}
注: 这样在浏览器显示出来的每行有间距,可以在style里设置
总结
以上就是这篇文章的全部内容，希望本文对大家的学习和工作能有所帮助，如果有疑问大家可以留言交流，谢谢大家对编程之家的支持。
原文链接：https://www.f2er.com/js/45429.html