资讯

精准传达 • 有效沟通

从品牌网站建设到网络营销策划,从策略到执行的一站式服务

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://cdkjz.cn/article/pehich.html
返回首页 了解更多建站资讯
多年建站经验

多一份参考,总有益处

联系快上网,免费获得专属《策划方案》及报价

咨询相关问题或预约面谈,可以通过以下方式与我们联系

业务热线:400-028-6601 / 大客户专线   成都:13518219792   座机:028-86922220