从 IE 打印时列表框溢出答案

【问题标题】：Listbox owerflows when printing from IE从 IE 打印时列表框溢出
【发布时间】：2011-12-13 19:35:05
【问题描述】：

当我从 IE 打印带有列表框的页面时，内容溢出。这仅在 IE 中发生，并且只是实际打印，打印预览看起来不错。

这是一个代码示例：

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head><title></title></head>
    <body>
        <form name="form1" method="post" action="/IePrintTest.aspx" id="form1">
            <select size="4" name="Listbox" id="Listbox">
                <option value="item1">item1</option>
                <option value="item2">item2</option>
                <option value="item3">item3</option>
                <option value="item4">item4</option>
                <option value="item5">item5</option>
                <option value="item6">item6</option>
                <option value="item7">item7</option>
                <option value="item8">item8</option>
                <option value="item9">item9</option>
                <option value="item10">item10</option>
                <option value="item11">item11</option>
                <option value="item12">item12</option>
                <option value="item13">item13</option>
                <option value="item14">item14</option>
                <option value="item15">item15</option>
                <option value="item16">item16</option>
                <option value="item17">item17</option>
            </select>    
        </form>
    </body>
</html>

这渲染得很好，但如果我尝试从 IE 打印它，它将看起来像这样：

Image of print

有谁知道如何解决这个问题。谢谢！

【问题讨论】：

我从未见过这样的事情。您是否为选择元素定义了任何样式？
不，没有为选择元素定义样式。
您使用的是哪个版本的 IE？我复制了上面的标记并在 IE9 中对其进行了测试——它渲染得很好。您是否使用任何兼容模式？
我使用的是 IE9，是的，它呈现（IE 9 模式）很好，问题是当我尝试打印网页时，要么将其发送到打印机（我尝试了多台打印机）或pdf。如果我删除 doctype IE 进入 Quirks 模式并且打印看起来很好，不幸的是它不是让 IE 在 Quriks 模式下运行的选项。

标签： html internet-explorer printing listbox

【解决方案1】：

似乎从 IE 打印并将size 属性应用于select 时，浏览器设置了固定高度并且不应用溢出。因为我使用的是 Ubuntu，所以我没有机会在 IE 上进行测试，但是您能否尝试将 style="overflow: hidden;" 添加到您的 select 元素中？如果它不起作用并且可以选择删除 size 属性，请尝试这样做。

【讨论】：

添加 style="overflow: hidden" 没有效果。如果我删除 size 属性，它将呈现为下拉菜单，这不是一个选项。

【解决方案2】：

这个网页的用例如何？如果可以让用户首先单击按钮以打开打印页面，则可以通过使服务器脚本有条件地添加 DOCTYPE，以怪癖模式提供内容的可打印版本。

【讨论】：

页面上有一个打印按钮，你建议的是一个选项。但我真的希望用户能够在浏览器中使用打印功能。