html - 左对齐 tds 中的居中文本

Question

我有一个显示在表格中的报告，tds 中的文本必须居中但左对齐，我该如何实现？

<td style="text-align: center;"><?=$row['column']?></td>

Answer 1

您可以将文本包含在 div 中并将其置于 td 中，如下所示:

HTML

<td><div class="inner">left justified text in a centered block</div></td>

CSS

.inner {
    width: 20%;
    display: table;
    margin: 0 auto;
}

JSFiddle Demo

您不必在 div 中指定 align=left。默认左对齐。