html --九九乘法表
span内文字居中css布局方法—让span内容居中选自博客比如:htmlContent += '<span align="center"style="border:1px solid black;font-size:25px;**display:inline-block;width:100px**">'又或者:htmlContent += '<span style="borde
·
span内文字居中css布局方法—让span内容居中
选自博客
比如:htmlContent += '<span align="center"style="border:1px solid black;font-size:25px;display:inline-block;width:100px">'
又或者: htmlContent += '<span style="border:1px solid black;font-size:25px;display:inline-block;width:100px;text-align:center">'
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<script>
window.onload = function(){
init();
}
function init(){
var htmlContent = '<h1 style="text-align:center">九九乘法表</h1>'
htmlContent += '<div>'
for(var i=1; i<10;i++){
for(var j=1;j<=i;j++){
htmlContent += '<span align="center"style="border:1px solid black;font-size:25px;display:inline-block;width:100px">'
htmlContent += i ;
htmlContent += 'x';
htmlContent += j;
htmlContent += '=';
htmlContent +=(i*j);
htmlContent += '</span>';
}
htmlContent +='<div></div>'
htmlContent +='<br/>';
}
htmlContent += '</div>';
document.write(htmlContent);
}
</script>
</body>
</html>
更多推荐
已为社区贡献1条内容
所有评论(0)