logo标签列表

如何移除Android WebView打印添加的边距？

androidhtmlwebviewandroid-webviewgoogle-cloud-print
19
我们试图通过 Google 云打印打印 Webview 内容，但无论我们做什么，打印结果都会添加一些边距。
有没有办法去掉这个边距？ 我们尝试过：
<body style="margin: 0; padding: 0">

那么

<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">

然后

mWebView.setScrollBarStyle(View.SCROLLBARS_INSIDE_OVERLAY);

没有一个有效...

我不知道它是否会影响打印，但是 html{margin:0; padding:0;} 可以起到神奇的作用。 - Adam
1
这可能看起来很傻，但是你尝试在样式属性中加上 !important 吗？并且在根节点 html 上也同样使用 html, body{ margin: 0 !important; padding:0 !important; }? 以防万一，总可以将 border 设为 0。或者，也可以尝试在 CSS 中添加以下内容：@page{ margin-left: 0px; margin-right: 0px; margin-top: 0px; margin-bottom: 0px; }。 - AM Douglas
我们尝试了所有的方法，似乎边距与HTML无关，而是Webview在尝试打印时添加的常量边距。 - Guy Korland
4个回答
9
使用以下代码可以在打印WebView时去除边距：
@page{
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
margin-bottom: 0px;
}
谢谢！这个解决了我的问题！ - lorenzo-s
6

只需使用它 *{margin:0px; padding:0px} 添加到您的样式表中并检查一次

  *{margin:0px; padding:0px}
    body,html{padding:0px;margin:0px;}
 <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">
1
默认情况下，HTML网页有10像素的填充和边距；您需要在头部区域或CSS文件中进行设置：
<style type="text/css">
  html, body {
  width:100%;
  height: 100%;
  margin: 0px;
  padding: 0px;
  }

它对我有用。希望它能帮到你 :)

或者你可以尝试另一个：

用这个标签替换你的标签：

<body style='margin:0;padding:0;'>

这里有一个关于Webview中图片的提示：添加一个适合屏幕宽度的样式。在所有屏幕尺寸上都能很好地使用：

<style type='text/css'>
      img {max-width: 100%;height:initial;} div,p,span,a {max-width: 100%;}
   </style>
1
如果使用CSS无法解决您的问题，您可以尝试使用TextView并使用fromHtml而不是使用Webview：
TextView myTextView = (TextView) view.findViewById(R.id.my_textview);
Spanned textviewHtml;

//Note : fromHtml needs a display flag as second argument from API 24
if (Build.VERSION.SDK_INT >= 24) {
    textviewHtml= Html.fromHtml(yourHtmlHere, Html.FROM_HTML_MODE_COMPACT);
}
else {
    textviewHtml= Html.fromHtml(yourHtmlHere);
}

myTextView.setText(textviewHtml);

如果你想了解更多关于fromHtml的选项，可以参考https://developer.android.com/reference/android/text/Html.html

希望这能帮到你！;-)

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接