列表类型圈的HTML特殊字符

Question

我已决定将无序列表重做为表格。但是，我希望每行的开头与无序列表具有相同的圆圈字符，以便我的表格看起来仍然像页面上的其他列表。

我看过许多带有ASCI / HTML特殊字符的网页，但无法找到这个角色！是否有一个或者在那里以某种方式将无序列表作为表格（我怀疑这个）？

Answer 1

浏览器用于呈现ul元素的默认列表项目符号不是字符，而是图形符号。您可以通过更改页面上的字体系列设置来查看此信息：默认列表项目符号的形状不会更改。此外，默认列表项目符号的形状未在规范中定义，并且可能因浏览器而异。大多数浏览器将其渲染为黑色圆圈，但相对大小可能会有所不同。 （浏览器可能实际上通过从某种字体中提取字形来呈现列表项目符号，但这超出了作者的控制范围，因此出于实际目的，它不是字符。）

因此，您无法使字符与默认列表项目符号匹配。要在不同的上下文中获取类似的项目符号，您需要使用相同的技术：ul或字符。

试图找到一个合理的匹配，我发现以下内容在Windows上的Firefox和Chrome上提供了这一点：

<style>
.bull { 
  font-family: Arial;
  font-size: 1.35em;
  position: relative; 
  top: 0.15em;
}
</style>
<span class=bull>&bull;</span>

但是，IE使用的是一个本质上较小的默认列表项目符号，所以在上面，上面的代码会生成一个相当大的子弹。

如果您使用字符作为列表项目符号，则最合理的选择是U + 2022 BULLET“•”，在HTML中可以•表示（或者如此）。它也非常安全，因为它几乎存在于所有字体中。

Answer 2

如何仅使用图像。圆圈很容易制作并插入页面中。还有一种方法可以使用带有边框半径或径向渐变的CSS3。