您的位置：首页 > 移动开发

WebView加载图片居中问题

2016-05-05 17:44 281 查看

      项目中涉及到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);

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： android平台 android开发应用程序 android

相关文章推荐

新的分享

章节导航