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框架
使用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怎么设置图片居中
本文路径:http://myzitong.com/article/pehich.html