底部填充/边距来自哪里?

时间:2019-02-25 01:02:35

标签: css

我的头像在this page顶部的框中。化身下方有填充或边距,我不知道它来自哪里。 Here's a screenshot of what I'm talking about. Chrome中的开发人员工具说图像的边距和填充为0,并且没有为td元素设置填充(尽管我也尝试将其设置为无用)。底部的额外空间使该块看起来不平衡。有人可以看到是什么原因吗?

2 个答案:

答案 0 :(得分:2)

您需要在图像的变形td上设置display: inline-grid;属性。 像td { display: inline-grid; }之类的东西最好将某些类用于td的引用。 如果有任何查询ping我:)

screen shot bottom image space removed

答案 1 :(得分:0)

刚加入S.O的话,请原谅我,如果我做得不好。

我想出的解决方案在您的.css文件img.avatar { }块中。

就像您的th,td {}块一样,您需要添加一个'vertical-align : middle'

它消除了页边空白,所以看起来更好。

:]