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

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

虽然这不是您问题的直接答案，但根据 cmets，您需要尝试以下方法才能最终排除故障：

1. 通过转到设置，然后“显示高级设置...”来重置您的 Chrome 设置。然后一直滚动到按钮。然后点击“重置设置”
2. 卸载/重新安装 Chrome（但如果您这样做是为了防止设置同步，请不要使用您的用户名登录）
3. 在具有相同版本 Chrome 的另一台计算机上尝试此操作
4. 在 Chrome 中检查您的编码，然后是选项，然后是更多工具，然后是编码

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

尝试查看以下内容：

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

我希望这会引导您找到正确的方向来找到您的问题。如果其中任何一个问题，请发表评论并让我知道。