css直观表达关于overflow:visible和overflow:hidden的区别(打印的时候)

Posted pipim

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了css直观表达关于overflow:visible和overflow:hidden的区别(打印的时候)相关的知识,希望对你有一定的参考价值。

做打印功能的时候,有的DIV界面的内容过多,以至于加上一个滚动条来达到滚动显示剩余的部分,但是在打印的时候会发现打印的预览的界面只会显示当前界面,超出的内容不会显示,其实解决这个问题的办法就是将滚动条隐藏掉就行。

这个是我在打印是的样式

技术图片

这个是我的界面

技术图片

这个是超出的部分

技术图片

使用overflow:hidden打印出的效果

技术图片

可以看到预览的效果,滚动条依旧没有去掉,而换成flowover:visible再试一次

技术图片

技术图片

好了,预览界面可以正常显示了,

另外求救一下,这个文本域怎么让它自适应高度?加了word-break:break-word不行啊,啥情况?

 

以上是关于css直观表达关于overflow:visible和overflow:hidden的区别(打印的时候)的主要内容,如果未能解决你的问题,请参考以下文章

overflow知多少(转)

【CSS】为啥设置不显示滚动条不好用呢?

overflow知多少

CSS3自定义滚动条样式

Internet Explorer CSS 属性“过滤器”忽略溢出:可见

CSS溢出-x:可见;和溢出-y:隐藏;导致滚动条问题