在下面的示例中,右侧单元格顶部有一个边框.它只出现在Chrome中,是Chrome出错吗?
html,
body {
height: 100%;
}
table {
border-collapse: collapse;
width: 100%;
height: 100%;
}
.left {
border-right: 1px #aaaaaa solid;
border-top: 1px #aaaaaa solid;
}Run Code Online (Sandbox Code Playgroud)
<table>
<tr>
<td colspan=2>top</td>
</tr>
<tr>
<td class="left">left</td>
<td>right</td>
</tr>
</table>Run Code Online (Sandbox Code Playgroud)
这是一个小提琴的例子.
使用这样的表时:
CREATE TABLE test (
name VARCHAR(100),
INDEX name_index (name)
) CHARACTER SET utf8mb4 COLLATE utf8mb4_bin;
Run Code Online (Sandbox Code Playgroud)
然后插入一些数据:
INSERT INTO test(name) VALUES('ü here is a smiley');
INSERT INTO test(name) VALUES('ü no space smiley');
INSERT INTO test(name) VALUES('ü space smiley');
INSERT INTO test(name) VALUES('ü without smiley');
Run Code Online (Sandbox Code Playgroud)
此查询失败:
SELECT * FROM test WHERE name LIKE ("ü%");
Run Code Online (Sandbox Code Playgroud)
它省略了“ü 无空格笑脸”行。
这是一个数据库小提琴:
https://www.db-fiddle.com/f/bR6Yx2PXPJdD7iSCLnW65Y/0
有趣的是,当删除索引时,结果会发生变化。因此,如果演示中没有第 3 行,它会按预期运行。
这是一个已知的错误?
我在 MySql 5.7、MySql 8.0 和 MariaDB 10.3 中尝试过——都表现出相同的行为。