Question

在图片右侧列出的元素中有这种奇怪的破折号，我无法弄清楚我的生活，但是当我拿出<a>时，它会消失标签

知道造成它的原因是什么？

Answer 1

这是链接的常规下划线。具体来说，它是带有下划线的图像标记之后的空白区域。

您可以将样式text-decoration: none;添加到链接以删除下划线：

.team-list-item a { text-decoration: none; }

或者，您可以在div标记后面写img以删除空白区域，也可以将图像设为左侧浮动的块元素：

.team-list.item img { float: left; }

但是，最后两个选项会稍微改变布局，因为它会缩小图像右侧的空间。另一方面，您可能希望这样做，并使用边距或填充调整空间，因为这样可以提供比使用空格字符进行间距更稳定的布局。