本文介绍了一种在使用WebBrowser控件打印时隐藏textarea滚动条的方法，通过添加CSS属性overflow:hidden解决了打印预览出现滚动条的问题。
问题背景
在最近一个项目中，客户需要打印一些表单，原先设计的一种方案出现了重大bug,他们公司的打印机对纸张大小要求特别高，每次都得强制执行才行，最后我想到了用WinForm自带的控件WebBrowser控件的打印功能。
问题产生
结果他们当中的一些信息是：待定，这也就是说需要在打印的时候可以进行修改，我想了一下，可以利用html标签 textarea来实现该功能，但是textarea默认是显示垂直滚动条的。代码如下：
<html>
<head>
</head>
<body style="background-color:#ddd;">
<div style="width:300px;height:200px;">
<textarea style="width:100%;height:100%;border:none;"></textarea>
</div>
</body>
</html>
上面这段代码会出现滚动条。
问题解决
<html>
<head>
</head>
<body style="background-color:#ddd;">
<div style="width:300px;height:200px;">
<textarea style="width:100%;height:100%;border:none;overflow:hidden"></textarea>
</div>
</body>
</html>
在代码处加上：overflow:hidden;滚动条不显示了，一切搞定。
扫一扫
5111
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
