我可以获得常规的表标签正常工作,但是我需要它们为divs,以便让用户调整大小。我在此处使用[转换器工具] [1]来生成我的Div-Table代码。该网站上的演示正常运行,就像我在互联网上看到的其他所有div-table一样。当我检查Div-Table的元素时,造型盒中没有什么。我的边界也没有露面。行似乎都处于正确的位置,但是每行中的单元格是垂直排列的,而不是水平的。
我想问题是我的Wamp 64bit 3.0.6服务器。我正在运行Apache 2.4.23,以及PHP 5.6.25。请让我知道您还需要哪些其他信息来诊断我的问题。我尝试重新启动服务器和计算机,但无效。
即使常规表标签正常工作,我创建的网站也有一个表格的布局,所以我认为我应该使用div-tables。
这是一个与我的家用服务器上不起作用的代码完全相同的代码的片段:
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>
李斯特先生是正确的。这是一个编码不匹配的问题。我觉得过去不是一个问题,但是我不能争论结果...