为什么我的图片比html页面中的文字更高？

Question

我不熟悉html。我想在我的博客中显示公式。但如果我将图片放在一行中，我的两行之间就有空白。请看我的页面my_web_page。有这样的3行之间的大空白。我尝试改变图片的高度，但它没用。请告诉我我错在哪里或告诉我如何在我的网页上轻松显示公式。非常感谢！

Answer 1

在您的图片周围添加填充是blogspot。 文章中图像的默认样式似乎有8像素填充。

如果您可以编辑html，可以尝试覆盖此内联，即添加填充：0px;到img标签的样式部分。请注意，您可能还需要删除margin-bottom：-12px。

即。而不是

<img src="http://chart.googleapis.com/chart?cht=tx&amp;chl=p%5Ei*q" style="border: none; margin-bottom: -12px;">

尝试：

<img src="http://chart.googleapis.com/chart?cht=tx&amp;chl=p%5Ei*q" style="border: none; padding:0px">

Answer 2

将此样式用于img标记

padding: 0px;
border: none;
margin: 0px;
vertical-align: bottom;

例如：

<img src="your img source here" style="padding:0px;border: none; margin: 0px; vertical-align: bottom;">