css 如何在数据表中居中显示内容< td>

pbwdgjma 于 2023-06-07 发布在其他

关注(0)|答案(3)|浏览(350)

我有一个数据表，里面有一个css广场<td>，我想中心，但我不知道如何才能做到这一点。
未对齐的正方形图像：

到目前为止我尝试过的：
th.dt-center, td.dt-center { text-align: center; }
columnDefs: [ { className: 'text-center', targets: '_all' }, ]
基于我在this SO question中看到的内容
我也试过：

<th style="text-align:center;"></th>
<td style="text-align:center;"></td>

它适用于<th>，但不适用于<td>
我也尝试了解决方案provided here

"columnDefs": [
    {"className": "dt-center", "targets": "_all"}
]

到目前为止，我还没有设法以任何方式中心广场
LIVE DEMO JS BIN

css

来源：https://stackoverflow.com/questions/69938303/how-to-center-the-content-of-a-td-in-a-datatable

3条答案

按热度按时间

ldioqlga1#

margin: 0 auto;应该在.square类上工作。

赞(0）回复(0）举报 2023-06-07

oxcyiej72#

从我对你问题的理解来看，只要简单地使用

td {
     text-align:center;
}

如果你想让正方形也居中，

th,td {
     text-align:center;
}

也分享了链接这里的变化live link，

赞(0）回复(0）举报 2023-06-07

anhgbhbe3#

尝试对表列使用flexbox。

td {
    display: flex;
    align-items: center;
    justify-content: center;
}

赞(0）回复(0）举报 2023-06-07

我来回答

css 如何在数据表中居中显示内容< td>

3条答案

相关问题

热门标签

最新问答