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>

Answer 2

应该是这样的：

<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>

请注意table-cell 内部 {em} table-row的内容。在你的代码中，你可以反过来使用它们。

http://jsfiddle.net/sfcaa3Lk/

Answer 3

<div align="center">
    center aligned content (like a span)
</div>

将此应用于您最深的div节点

中心跨表格单元格，表格行

3 个答案: