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 会正常显示。

https://jsfiddle.net/4bx4n8fk/1/