html - 表格行边框宽度不一致但交替出现是什么？

Question

我希望每个表格行的边框显示为实心 1px，但由于某种原因它的宽度是交替的。为什么宽度会改变而不是固定的或一致的？顺便说一句，我正在 Chrome 上测试它。

table {
    border-collapse: collapse;
}
.compositeEventContainer table tbody tr {
    border-bottom: 1px solid;
}

<div class="compositeEventContainer">
    <table>
        <tbody>
            <tr>
                <td>first</td>
                <td>1</td>
                <td>Test</td>
            </tr>
            <tr>
                <td>second</td>
                <td>2</td>
                <td>Test</td>
            </tr>
            <tr>
                <td>third</td>
                <td>3</td>
                <td>Test</td>
            </tr>
            <tr>
                <td>fourth</td>
                <td>4</td>
                <td>Test</td>
            </tr>
            <tr>
                <td>fifth</td>
                <td>5</td>
                <td>Test</td>
            </tr>
            <tr>
                <td>sixth</td>
                <td>6</td>
                <td>Test</td>
            </tr>
        </tbody>
    </table>
</div>

这是我的观点..我使用的是 Windows，浏览器是 chrome。

Answer 1

虽然这不是您问题的直接答案，但根据评论，这些是您需要尝试的事情，以便最终解决问题:

1. 通过转到设置，然后“显示高级设置...”重置您的 Chrome 设置。然后一直滚动到按钮。然后点击“重置设置”
2. 卸载/重新安装 Chrome(但不要使用您的用户名登录，以免设置同步)
3. 在另一台装有相同版本 Chrome 的计算机上尝试此操作
4. 检查您在 Chrome 中的编码，依次选择“选项”、“更多工具”和“编码”

由于存在许多不同的可能性，此问题似乎局限于您的计算机。如果它在其他浏览器中工作，它将本地化​​为 chrome。但是，您的系统设置可能会导致这种情况。

尝试查看以下内容:

1. 高级显示设置、监视器、刷新率
2. 显卡自定义属性，例如 NVidia 体验面板或 AMD 控制中心。
3. 查看您的 DPI(控制面板 -> 外观和个性化 -> 显示)。它将位于设置自定义文本大小 (DPI) 下。您的体重秤可能不合适？

我希望这能引导您朝着正确的方向找到您的问题。如果这些是问题所在，请发表评论并让我知道。