CSS麻煩顯示一個PHP生成的HTML數組

Question

我有麻煩與我的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; 
    } 

據我所知，之前的一切工作爲好，我不不知道如何解決這個問題。我該如何解決我的問題？

Answer 1

在您的JSFiddle中，您已將display: block;應用於td元素。如果你刪除這個，那麼表格會顯示它應該的。

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