我的头像在this page顶部的框中。化身下方有填充或边距,我不知道它来自哪里。 Here's a screenshot of what I'm talking about. Chrome中的开发人员工具说图像的边距和填充为0,并且没有为td元素设置填充(尽管我也尝试将其设置为无用)。底部的额外空间使该块看起来不平衡。有人可以看到是什么原因吗?
答案 0 :(得分:2)
您需要在图像的变形td上设置display: inline-grid;
属性。
像td { display: inline-grid; }
之类的东西最好将某些类用于td的引用。
如果有任何查询ping我:)
答案 1 :(得分:0)
刚加入S.O的话,请原谅我,如果我做得不好。
我想出的解决方案在您的.css
文件img.avatar { }
块中。
就像您的th,td {}
块一样,您需要添加一个'vertical-align : middle'
。
它消除了页边空白,所以看起来更好。
:]