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://csruizhi.cn/article/pehich.html

其他资讯

Copyright © 2007-2024 成都优众联杰科技有限公司 All Rights Reserved 蜀ICP备2024116266号
友情链接: 梓潼网站设计 成都网站建设 定制网站建设 成都网站建设流程 成都网站设计 成都网站建设公司 专业网站建设 成都网站设计 网站制作公司 成都模版网站建设 网站制作 营销型网站建设 盐亭网站设计 成都网站设计制作公司 成都网站建设 企业网站设计 成都定制网站建设 重庆网站设计 温江网站设计 网站建设推广 成都网站建设公司 成都网站设计