html - html中不同的项目符号大小而不影响行高？

Question

请耐心等待，我对 html 了解不多。

我正在尝试编辑一些具有不同大小项目符号的 html。这些项目符号是使用 • 字符插入的。我将跨度放在它们周围，并通过改变字体大小来改变它们的大小，如下所示。

我遇到的问题是较大的字体大小项目符号会增加整行的字体高度，这 (1) 在当前行和上一行之间创建空间，并且 (2) 将项目符号放在当前行字符上方.

我想做的只是让项目符号变大，但不改变行高或项目符号相对于周围字符的高度。执行此操作的正确方法是什么？:

一些示例 html 文本:

first line of text, which is fine
second line of text with bullet here: <span class="big-bullet">·</span> with text
coming after it.  

和 css 类:

.big-bullet{font-size:350%;}

编辑:不确定做我想做的事情的最佳方式，但我还发现上面 html 文本中的项目符号比常规项目符号小。它是由 TeX4ht 转换器生成的 html，我认为 LaTeX 中的代码是 •。我用常规的 html 项目符号 • • 代替了小项目符号，它至少大了一点。仍然不能通过更改字体大小很好地缩放。 . .

first line of text, which is fine
second line of text with bullet here: <span class="big-bullet">&bull;</span> with text
coming after it.  

和 css 类:

.big-bullet{font-size:100%;}

Answer 1

轻松修复螨虫只需设置 line height .

.big-bullet{
font-size:350%;
line-height:??px;
}