html - 为什么我的图片在 html 页面中高于我的文字？

Question

我不熟悉html。我想在我的博客中显示公式。但是如果我将图片放在一行中，我的两行之间会有空白。请看我的页面my_web_page。三行之间的空白比其他。我尝试更改图片的高度，但没有用。请告诉我我错在哪里或告诉我如何在我的网页中轻松显示公式。非常感谢！

Answer 1

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

如果您可以编辑 html，您可以尝试覆盖此内联，即添加 padding: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;">