2

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

我查看了许多带有 ASCI/HTML 特殊字符的网页，但找不到这个字符！是否有一个或有没有以某种方式将无序列表作为表格（我怀疑这个）？

4

2 回答 2

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 中可以表示为&bull;（或这样）。它也非常安全，因为它几乎存在于所有字体中。

于 2013-02-27T05:35:00.293 回答
0

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

于 2013-02-27T03:00:43.080 回答