span内文字居中css布局方法—让span内容居中
选自博客https://blog.csdn.net/xueyue616/article/details/80597268在这里插入图片描述
比如: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>

在这里插入图片描述

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐