0

我得到回答的原始问题（关于换行文本或让下拉框仅使用 IE8 中页面的特定部分）在这里。

我在他们的 JSFiddle 中实现了@Dogoku 建议的更改，在 css 中有这个：

table {
    width:100%;
    table-layout: fixed;
}

.breakword {
-ms-word-break: break-all;
word-break: break-all;
// Non standard for webkit
     word-break: break-word;
-webkit-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;
font-size: 0.9em; font-weight: normal;
}

.choices {
    max-width: 100%
}

这在 HTML 中：

<table width="100%" style="table-layout:fixed;">
    <tr>
        <td>kokos</td>
        <td class="breakword" style="width:54%">
            <select name="vlist" id="vlist" class="choices">
                <option value="15">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</option>
                <option>This is a test item for the dropdown</option>
            </select>
        </td>
    </tr>
</table

在各自使用相同版本的 IE8 的两台不同的 PC 上，它们的性能不同。在一个版本中，它按预期执行，其中显示了一行（长）下拉文本。下拉框有一个显示在框上的向下箭头，当您单击它时，它会按预期展开下拉列表。进行了选择，并且它正常运行。

在另一台 PC 上，它显示下拉框，但不显示向下箭头。用户单击该框，它按预期运行（显示下拉列表中的所有项目，以及单行长文本）。用户可以选择它，一旦做出选择，它就会按预期运行。

正常显示和工作的是 Windows 7 32 位操作系统，即 IE 8.0.7601.17514。不能正常显示的是Windows 7 64位操作系统，IE8版本相同。此外，此系统上启用了保护模式。除了操作系统和那个单一的设置，我找不到两者之间的任何区别。

我注意到的一件事是，在第二台 PC 上受影响的下拉菜单只有那些包含内容的下拉菜单才会超出提供的空间量。其他没有超出其边界的内容的下拉菜单有一个正常的下拉框，上面显示了箭头。

我在下拉列表中忽略了什么？我怀疑这是 CSS 中的一个设置，但我尝试过的任何方法都没有使它在每个系统上的功能都相同。我将不胜感激任何帮助或建议。

4

1 回答 1

1

确保其中一个 IE8 未设置为兼容模式。如果是，您实际上是在 IE7 而不是 IE8 中进行测试。这是通过本地网络查看页面时的默认设置，永久绕过它的最简单方法是在页面中覆盖它。

于 2013-07-29T00:57:03.953 回答