javascript怎么设置图片居中

这篇文章给大家分享的是有关javascript怎么设置图片居中的内容。小编觉得挺实用的，因此分享给大家做个参考，一起跟随小编过来看看吧。

创新互联坚信：善待客户，将会成为终身客户。我们能坚持多年，是因为我们一直可值得信赖。我们从不忽悠初访客户，我们用心做好本职工作，不忘初心，方得始终。十多年网站建设经验创新互联是成都老牌网站营销服务商,为您提供成都网站设计、成都网站建设、网站设计、H5高端网站建设、网站制作、品牌网站建设、微信小程序服务,给众多知名企业提供过好品质的建站服务。

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

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

javascript设置图片居中的方法：

搭建一个HTML框架

javascript怎么设置图片居中

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

分享名称：javascript怎么设置图片居中
转载来源：http://dzwzjz.com/article/pehich.html

大橙子网站建设，新征程启航

javascript怎么设置图片居中

其他资讯