为什么 div 表不能在 Firefox 上使用 WAMP 服务的网站上工作?
Why aren't div tables working on Firefox on a website served with WAMP?
我可以让常规的 table 标签正常工作,但我需要它们是 divs 以便轻松让用户调整大小。我使用 [此处的转换器工具][1] 生成我的 div-table 代码。该站点上的演示与我在互联网上看到的所有其他 div-table 一样运行良好。当我检查 div-table 的元素时,样式框中没有任何内容。我的边界也没有出现。行似乎都在正确的位置,但每行中的单元格是垂直排列而不是水平排列。
我想问题出在我的 WAMP 64 位 3.0.6 服务器上。我是 运行 Apache 2.4.23,还有 PHP 5.6.25。请让我知道诊断我的问题还需要哪些其他信息。我尝试重新启动服务器以及我的计算机,但没有任何效果。
即使常规 table 标签工作正常,我正在制作的网站有一个表格布局,所以我想我应该使用 div-tables .
下面是一段代码,但在我的家庭 WAMP 服务器上不起作用:
body {
margin: 40px;
min-width: 100%;
min-height: 100%;
height: 100%;
width: 100%;
}
html {
min-width: 100%;
min-height: 100%;
height: 100%;
width: 100%;
}
/* DivTable.com */
.divTable {
display: table;
width: 100%;
}
.divTableRow {
display: table-row;
}
.divTableHeading {
background-color: #EEE;
display: table-header-group;
}
.divTableCell,
.divTableHead {
border: 1px solid #999999;
display: table-cell;
padding: 3px 10px;
}
.divTableHeading {
background-color: #EEE;
display: table-header-group;
font-weight: bold;
}
.divTableFoot {
background-color: #EEE;
display: table-footer-group;
font-weight: bold;
}
.divTableBody {
display: table-row-group;
}
<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<title>Link Aggregator Grid</title>
<link rel="stylesheet" type="text/css" href="css/memewar.css" />
</head>
<body>
<div class="divTable">
<div class="divTableBody">
<div class="divTableRow">
<div class="divTableCell">test</div>
<div class="divTableCell">test;</div>
<div class="divTableCell">test</div>
</div>
<div class="divTableRow">
<div class="divTableCell">test</div>
<div class="divTableCell">test;</div>
<div class="divTableCell">test</div>
</div>
<div class="divTableRow">
<div class="divTableCell">test</div>
<div class="divTableCell">test;</div>
<div class="divTableCell">test</div>
</div>
</div>
</div>
</body>
</html>
李斯特先生是对的。这是一个编码不匹配问题。我觉得这在过去不是问题,但我无法反驳结果...
我可以让常规的 table 标签正常工作,但我需要它们是 divs 以便轻松让用户调整大小。我使用 [此处的转换器工具][1] 生成我的 div-table 代码。该站点上的演示与我在互联网上看到的所有其他 div-table 一样运行良好。当我检查 div-table 的元素时,样式框中没有任何内容。我的边界也没有出现。行似乎都在正确的位置,但每行中的单元格是垂直排列而不是水平排列。
我想问题出在我的 WAMP 64 位 3.0.6 服务器上。我是 运行 Apache 2.4.23,还有 PHP 5.6.25。请让我知道诊断我的问题还需要哪些其他信息。我尝试重新启动服务器以及我的计算机,但没有任何效果。
即使常规 table 标签工作正常,我正在制作的网站有一个表格布局,所以我想我应该使用 div-tables .
下面是一段代码,但在我的家庭 WAMP 服务器上不起作用:
body {
margin: 40px;
min-width: 100%;
min-height: 100%;
height: 100%;
width: 100%;
}
html {
min-width: 100%;
min-height: 100%;
height: 100%;
width: 100%;
}
/* DivTable.com */
.divTable {
display: table;
width: 100%;
}
.divTableRow {
display: table-row;
}
.divTableHeading {
background-color: #EEE;
display: table-header-group;
}
.divTableCell,
.divTableHead {
border: 1px solid #999999;
display: table-cell;
padding: 3px 10px;
}
.divTableHeading {
background-color: #EEE;
display: table-header-group;
font-weight: bold;
}
.divTableFoot {
background-color: #EEE;
display: table-footer-group;
font-weight: bold;
}
.divTableBody {
display: table-row-group;
}
<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<title>Link Aggregator Grid</title>
<link rel="stylesheet" type="text/css" href="css/memewar.css" />
</head>
<body>
<div class="divTable">
<div class="divTableBody">
<div class="divTableRow">
<div class="divTableCell">test</div>
<div class="divTableCell">test;</div>
<div class="divTableCell">test</div>
</div>
<div class="divTableRow">
<div class="divTableCell">test</div>
<div class="divTableCell">test;</div>
<div class="divTableCell">test</div>
</div>
<div class="divTableRow">
<div class="divTableCell">test</div>
<div class="divTableCell">test;</div>
<div class="divTableCell">test</div>
</div>
</div>
</div>
</body>
</html>
李斯特先生是对的。这是一个编码不匹配问题。我觉得这在过去不是问题,但我无法反驳结果...