CSS 无法显示 php 生成的 HTML 数组
CSS trouble to display a php generated HTML array
我的 CSS 有问题。我正在尝试正确显示这种数组:
https://jsfiddle.net/ju8hmgp9/
我认为问题可能就在那里:
table {
display: table;
width:auto;
margin : auto;
border-spacing: 2px;
border-color: gray;
}
table td{
font-size: 8pt;
}
.empty{
background-color: #C7C7C7;
}
td, th {
display: table-cell;
vertical-align: inherit;
width: auto;
border: 1px solid gray;
border-collapse : collapse;
margin-left: 5px;
margin-right: 5px;
}
据我所知,之前一切正常,我不知道如何解决这个问题。我该如何解决我的问题?
在您的 JSFiddle 中,您已将 display: block;
应用于 td
元素。如果您删除它,那么 table 会正常显示。
我的 CSS 有问题。我正在尝试正确显示这种数组:
https://jsfiddle.net/ju8hmgp9/
我认为问题可能就在那里:
table {
display: table;
width:auto;
margin : auto;
border-spacing: 2px;
border-color: gray;
}
table td{
font-size: 8pt;
}
.empty{
background-color: #C7C7C7;
}
td, th {
display: table-cell;
vertical-align: inherit;
width: auto;
border: 1px solid gray;
border-collapse : collapse;
margin-left: 5px;
margin-right: 5px;
}
据我所知,之前一切正常,我不知道如何解决这个问题。我该如何解决我的问题?
在您的 JSFiddle 中,您已将 display: block;
应用于 td
元素。如果您删除它,那么 table 会正常显示。