html中不同的子弹大小不影响行高?

时间:2011-12-20 00:34:04

标签: html formatting

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

我正在尝试编辑一些包含不同大小子弹的html。这些子弹使用&#8226字符插入。我正在跨越它们并通过改变字体大小来改变它们的大小,如下所示。

我遇到的问题是较大的字体大小的子弹会增加整行的字体高度,这会(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中的代码是&amp;#8226。相反,我用常规的html子弹替换了&bull;代替小子弹,它至少要大一点。但是通过改变字体大小仍然不能很好地扩展。 。 。

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%;}

1 个答案:

答案 0 :(得分:1)

轻松修复mite只需设置line height即可。

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