WebView加载图片居中问题

最新推荐文章于 2021-06-17 17:17:54 发布

mlj1668956679

最新推荐文章于 2021-06-17 17:17:54 发布

阅读量3.5k

点赞数

分类专栏： web phoneGap Android PhoneGap 文章标签： android平台 android开发应用程序 android

本文链接：https://blog.csdn.net/mlj1668956679/article/details/51324949

版权

Android PhoneGap 同时被 2 个专栏收录

12 篇文章 0 订阅

订阅专栏

web phoneGap

4 篇文章 0 订阅

订阅专栏

项目中涉及到WebView加载一张图片，图片的显示不居中。在一个后台小伙伴的帮助下搞定了。不得不感叹术业有专攻啊。

网上很多关于怎么居中的，靠谱的没几个，无语

直接贴代码了，备忘...

StringBuffer sb = new StringBuffer();
		 sb.append("<html>")
		.append("<head>")
		.append("<meta http-equiv='Content-Type' content='text/html'; charset='UTF-8'>")
		.append("<style type='text/css'>")
		.append(".response-img {max-width: 100%;}")
		.append("#box {width: 100%;height: 100%;display: table;text-align: center;background: #fff;}")
		.append("#box span {display: table-cell;vertical-align: middle;}")
		.append("</style>")
		.append("<title>")
		.append("</title>")
		.append("</head>")
		.append("<body style='text-align: center;' onClick='window.myInterfaceName.showToast(\"finish Activity\")'>")
		.append("<div id='box'>")
		.append("<span>")
		.append("<img src='" + imageUrl + "' class='response-img' style='width: 100%'/>")
		.append("</span>")
		.append("</div>")
		.append("</body>")
		.append("</html>");
		imgView.addJavascriptInterface(new JavascriptInterface(context),
				"myInterfaceName");
		imgView.loadDataWithBaseURL(null, sb.toString(),  "text/html", "UTF-8", null);