javascript怎么设置图片居中

这篇文章给大家分享的是有关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框架

使用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怎么设置图片居中"这篇文章就分享到这里了，希望以上内容可以对大家有一定的帮助，让大家可以学到更多知识，如果觉得文章不错，可以把它分享出去让更多的人看到吧！