gpt4 book ai didi

html - Firefox 中不显示单元格边框

转载 作者:行者123 更新时间:2023-11-28 13:20:03 24 4
gpt4 key购买 nike

我有一个非常简单的表格,它应该同时显示表格和单元格边框。这在 Chrome 和 IE 中运行良好,但 Firefox 仅显示表格边框,而不显示单元格边框。这是 HTML:

<table border = "1" class ="MyTable">
<tr>
<td class = "c1"></td>
<td class = "c2"></td>
<td class = "c3"></td>
<td class = "c4"></td>
<td class = "c5"></td>
<td class = "c6"></td>
<td class = "c7"></td>
<td class = "c8"></td>
<td class = "c9"></td>
<td class = "c10"></td>
</tr>
</table>

(顺便说一下,所有的 td 类都将在以后的 javascript 中被引用——但与这个问题无关,或者至少我不这么认为)

这是 CSS:

table.MyTable {
margin-left: 10%;
}

table.MyTable td
{
width: 20px;
height:30px;
border: 4px solid black;
}

我试过 1) 使用表 ID 而不是表类; 2) 删除 <table border ="1" >来自 HTML 并在 CSS 中添加样式信息; 3) 将 CSS 代码拆分为单独的 border-style、border-color 和 border-width 命令。在每种情况下,代码都会在 Chrome 和 IE 中正常显示,但在 Firefox 中不会显示。

作为引用,它应该是这样的(在 Chrome 中):

Correct rendering in Chrome

这是它在 Firefox 中的样子:

Incorrect rendering in Firefox

最佳答案

我已经找到答案了,我将其添加到此处以防其他人遇到同样的问题。添加标签 <!DOCTYPE html>在文件的开头解决了这个问题。

查看区别:

http://www.users.on.net/~tschembri214/test1.html - 正确显示

http://www.users.on.net/~tschembri214/test.html - 显示不正确

我已确认第二个链接在 3 台不同计算机上的 Firefox 上无法正确显示。除了包含 doctype 标记外,两个页面中的所有内容都相同。此外,这不会在 jsfiddle 上重现 - 它在 Firefox 上没有标签就可以工作。

关于html - Firefox 中不显示单元格边框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16159735/

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