表行边框宽度不一致但交替？

Question

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

＆＃13;

＆＃13;

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

＆＃13;

<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>

＆＃13;

＆＃13;

＆＃13;

这是我的观点..我正在使用Windows和浏览器是chrome。

Answer 1

虽然这不是您问题的直接答案，但根据评论，您需要尝试以解决问题：

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

由于存在许多不同的可能性，此问题似乎已本地化到您的计算机上。如果它在其他浏览器中有效，它将被本地化为chrome。但是，您可能有系统设置导致此问题。

尝试查看以下内容：

1. 高级显示设置，监控，刷新率
2. 视频卡自定义属性，例如NVidia Experience Panel或AMD Control Center。
3. 查看您的DPI（控制面板 - ＆gt;外观和个性化 - ＆gt;显示）。它将在“设置自定义文本大小（DPI）”下。你的规模可能会关闭？

我希望这能引导您找到解决问题的正确方向。如果有任何问题，请发表评论并告诉我。