gpt4 book ai didi

css - IE8 中使用中断词的表格呈现问题

转载 作者:行者123 更新时间:2023-11-28 18:36:45 25 4
gpt4 key购买 nike

我有一个根据用户输入动态构建的表——即用户在表中输入数据,并确定一行有多少个字段等。因此,我无法控制长度的数据,以及有限的布局控制。我仍然设法构建了一些在 FF、Chrome、Safari 中运行良好的东西,但我在 IE8 和 IE9 中遇到了一个恼人的问题。我为相关表格单元格添加了以下 CSS:

td.dc {
white-space:normal;
-ms-word-wrap: break-word;
max-width: 80em;
}

IE 忽略所有这 3 个标签,并继续执行整行。如果我将单元格的内容包装在一个 div 中并将 css 应用于 div,它在 IE9 中有效,但在 IE8 中仍然无效。在 IE8 中,文本实际上在 80 em 后换行,但单元格仍然呈现得足够宽以适合展开的行,因此表格中的所有其他内容都被推到一边。有没有办法解决?

[编辑] 我创建了一个 jsfiddle 来说明正在发生的特殊情况:http://jsfiddle.net/qz3rv/3/我已经意识到(从错误报告中不清楚的是)只有某些情况似乎被破坏了——可能与数据中的/有关。

最佳答案

在最小 HTML 环境中测试时,发布的代码在标准模式下适用于 IE。所以显然你的代码在 Quirks Mode 中运行.所以尝试添加 <!doctype html>在 HTML 文件的开头。

考虑使用基本小于 80em 的值用于测试,否则。注意 white-space:normal只是重新确认默认值和-ms-word-wrap: break-word及其标准对应物意味着在某些特殊规则中断词(违反正常书写规则),应该避免。

另请注意,表格列宽是一项棘手的工作,要描述具体的问题,您应该显示表格标记和相关的 CSS。

关于css - IE8 中使用中断词的表格呈现问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12481684/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com