魔术表对 CSS 免疫，这是什么魔法？答案

【问题标题】：Magic table is immune to CSS, what is this wizardry?魔术表对 CSS 免疫，这是什么魔法？
【发布时间】：2023-03-18 18:57:02
【问题描述】：

我有一个超级简单的 HTML 表格：

        <table class="dispdtab">
            <tr>
                <td><b>Dealer: </b></td>
                <td>dealername</td>
            </tr>
            <tr>
                <td><b>Address: </b></td>
                <td>123 main srr</td>
            </tr>
            <tr>
                <td><b>Contact: </b></td>
                <td>Bob Dole</td>
            </tr>
        </table>

我只是想让这张愚蠢的桌子居中，但它没有。我一直在尝试，但桌子一直在嘲笑我，指着我的失败嘲笑我。

这是我尝试过的一些 CSS：

.dispdtab {
    margin:0 auto;
    text-transform:uppercase;
    font-size:.8em;
}
.dispdtab td{
    padding:0 .25em;
}

我尝试在类名后添加tbody。我已经尝试添加display:block; 我要上老学校，做这些坏男孩之一<center>...</center>

值得注意的是，当我添加border:1px solid black; 时，只有第一行有边框。

我做错了什么？

【问题讨论】：

cannot reproduce
你把css放在哪里了？
还有其他样式正在应用吗？听起来 CSS 的特殊性可能在这里起作用。
你用的是什么浏览器？
它在这里工作。也许路径不正确？

标签： html css html-table center

【解决方案1】：

如果您查看下面的代码，您可以看到表格实际上是居中的，但我必须给浮动div 一个宽度才能实现这一点。如果您查看代码并删除div 上的width 声明，则其宽度默认为计算出的表格宽度，并且table 不再明显居中。

在您的网页设计中，始终需要注意为对象指定尺寸。我们被告知我们的设计应该尽可能流畅，但有时以像素为单位指定宽度/高度并不可耻。诀窍是知道何时需要这样做。

http://jsbin.com/oJuxoQU/1/edit

【讨论】：