文章/答案/技术大牛

发布

社区首页 >问答首页 >IE7 CSS浮动导致打印时内容溢出

问IE7 CSS浮动导致打印时内容溢出
EN

Stack Overflow用户

提问于 2009-05-15 02:14:52

回答 2查看 3.3K关注 0票数 2

尝试在IE7 (或IE8兼容模式)下打印以下网页时，某些内容(下面两个问题)会被截断。您可以在打印预览中查看问题。

http://www.testdesigner.com/tests/print.jsp?testId=4097

删除printTestTwoColumns.css中找到的以下css块中的浮动将解决此问题，但也会删除双列格式。

.question {
    float: left;
    width: 44%;
    padding: 0;
    margin-right: 0;
}

需要注意的是，上面URL中的HTML是动态生成的，所有类型的内容都存在这个问题，包括纯文本(无图像)。内容总是溢出到页面之外。

除了将标记更改为基于表格的布局之外，有没有人有可能的解决方案？

css

internet-explorer-7

printing

回答 2

Stack Overflow用户

发布于 2009-05-19 02:40:06

尝试添加打印样式表，该样式表使用简单得多的布局，专为在纸张上进行窄打印而设计。你可能根本不需要任何浮点数。

票数 3

Stack Overflow用户

发布于 2009-05-15 10:09:13

使用FLOAT时，IE倾向于添加一个10PX的padding，即使您声明的是padding:0。

尝试添加display:inline ie

.question { float: left; width: 44%; padding: 0; margin-right: 0; display:inline }

希望这能有所帮助。

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/866735

复制

相似问题

问IE7 CSS浮动导致打印时内容溢出
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问IE7 CSS浮动导致打印时内容溢出EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问IE7 CSS浮动导致打印时内容溢出
EN