Question

我有以下ul，它会生成一个方形项目符号（未经修改）非常略大于HTML中的默认方形项目符号。

li:before {
  content: "\25a0";
  margin-right: 6px;
  color: blue;          
}

问题：

有关如何解决此问题的任何线索？

提前致谢

Answer 1

您需要将以下CSS属性添加到li:before

font-size: 128px;
vertical-align: middle;

您可以将128px更改为您想要的任何尺寸。

Answer 2

将font-size:12em;添加到您的CSS中。因为你使用的是unicode字符，所以它在技术上是字体的一部分;因此，您可以使用font-size来更改项目符号的大小。此外，正如Raptor指出的那样，使用vertical-align: middle按照之前的方式排列文本

Answer 3

请注意，至少您的小提琴在浏览器中的表现完全不同！

您没有为Unicode部分指定font-family。在小提琴中，许多Unicode字符在Firefox，IE和Edge中会显得更大。可能在所有非webkit浏览器中。

添加例如

font-family: "Lucida Sans Unicode", "Arial Unicode MS";

你想在哪里使用Unicode字符crossbrowser ......