javascript如何设置图片居中

方法：1、用div和span包裹图片；2、用setattribute()给其添加“display:table; text-align:center”和“display:table-cell; vertical-align:middle; ”样式。

本教程操作环境：windows7系统、javascript1.8.5版、Dell G3电脑。

javascript设置图片居中的方法：

搭建一个html框架

!DOCTYPE htML>
    html>
    	head>
    		meta charset="utf-8">
    		style>
			div {
    				width: 500px;
    				height: 200px;
    				border: green solid 1px;
			}
    		/style>
    	/head>
    	body>
    		div id="app">
    			span id="img">
    				img src="img/1.jpg" width="200" />
    			/span>
    		/div>
    	/body>
    /html>
    

使用setAttribute()方法添加图片居中样式

VAR div=document.getElementById("app");
    var img=document.getElementById("img");
    div.setAttribute("style","display:table;
    text-align: center;
    ");
    img.setAttribute("style","display:table-cell;
    vertical-align: middle;
    ");
    

【相关推荐：javascript学习教程】

以上就是javascript如何设置图片居中的详细内容，更多请关注其它相关文章！

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！