我得到回答的原始问题(关于换行或具有下拉框仅使用IE8中页面的特定部分)是here。
我在其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中的设置,但我尚未尝试过使它在每个系统上以相同的方式起作用。我将不胜感激任何帮助或建议。
最佳答案
确保其中一个IE8没有设置为兼容模式。如果是这样,您实际上是在IE7中而不是IE8中进行测试。通过本地网络查看页面时,这是默认设置,要永久解决该问题,最简单的方法是访问override it within the page。
关于jquery - jQuery-IE8选择框缺少向下箭头,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/17886438/