html - アンカータグによる奇妙なダッシュのようなもの

Question

<a>画像のすぐ右にリストされた要素に、この奇妙なダッシュのようなものがあり、私の人生ではそれを理解することはできませんが、タグを取り出すと消えます.

何が原因なのですか？

Answer 1

これは、リンクの通常の下線です。具体的には、イメージ タグの後の空白に下線が引かれます。

リンクにスタイルを追加しtext-decoration: none;て、下線を削除できます。

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

divまたは、タグの後に rightを記述してimg空白を削除するか、画像を左にフローティングするブロック要素にすることができます。

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

ただし、最後の 2 つの選択肢では、画像の右側のスペースが減るため、レイアウトが多少変更されます。一方、スペース文字を使用して間隔を空けるよりも安定したレイアウトが得られるため、マージンまたはパディングを使用してスペースを調整することもできます。