关于IE在打印页面时部分内容被遮挡住的解决方法
程序员文章站
2022-06-19 22:24:36
关于IE在打印页面时部分内容被遮挡住的解决方法...
目前在调整一个页面打印功能的时候,发现多行文本框textarea在页面显示的时候,多行文本可以正常显示,但是在打印页面的时候,部分内容就被遮挡住了,
苦思冥想不得其解,后来还是请教了美工。
首先查了下textarea的css样式,没有固定height属性,但是ie开发者工具f12,跟踪样式里textarea是有height的,这个就是实际高度!(输入东西多height就大,反之就小)
好像有点启发了!打印预览高度貌似和页面实际高度是一样的,但是打印预览页面的宽度没有表单页面宽,导致每行显示的字数少,从而行数增加,超出了实际高度,所以就被遮挡住了。
要做的就是,也可以给textarea一个固定宽度,实现二者的兼容,于是又给textarea增加 一个 width,基本搞定,打印页面输入文字很多的时候,也不会显示不全了,
不过二者的显示效果依然不是一致,但是基本满足要求了,不会被遮挡。
oh yeah!
苦思冥想不得其解,后来还是请教了美工。
首先查了下textarea的css样式,没有固定height属性,但是ie开发者工具f12,跟踪样式里textarea是有height的,这个就是实际高度!(输入东西多height就大,反之就小)
好像有点启发了!打印预览高度貌似和页面实际高度是一样的,但是打印预览页面的宽度没有表单页面宽,导致每行显示的字数少,从而行数增加,超出了实际高度,所以就被遮挡住了。
要做的就是,也可以给textarea一个固定宽度,实现二者的兼容,于是又给textarea增加 一个 width,基本搞定,打印页面输入文字很多的时候,也不会显示不全了,
不过二者的显示效果依然不是一致,但是基本满足要求了,不会被遮挡。
oh yeah!
下一篇: mp3防盗报警器下载工具使用图文步骤