html - 表格单元格，表格行中的中心跨度

Question

我正在尝试将文本范围居中放置在以下表格单元格、表格行中

<div style="display: table; margin-left: auto; margin-right: auto;">                
   <div style="display: table-cell; width:400px;">
       <div style="display: table-row; text-align: center;">
           <span>
               Test
            </span>
        </div>
    </div>
</div>

jsfiddle ( http://jsfiddle.net/7p3zgne0/ )

Answer 1

table-cell 和 table-row 是倒置的。

<div style="display: table; margin-left: auto; margin-right: auto;">                
   <div style="display: table-row; width:400px;">
       <div style="display: table-cell; text-align: center;">
           <span>
               Test
            </span>
        </div>
    </div>
</div>