Warum sieht dieser Absatzlink so trendy aus?

Question

Ich habe hier Code angehängt, ich habe kürzlich einen Link zu meiner Portfolio-Website hinzugefügt und der Absatzlink macht etwas Seltsames, die Ausrichtung scheint komisch zu sein, ich bin mir nicht sicher, wo das Problem liegt. Ich frage mich, ob es möglicherweise von anderen Stilen in CSS (z. B. nav_links) herrührt, bin mir aber nicht sicher, wie ich das korrigieren kann, ohne andere Stile durcheinander zu bringen.

Ich habe einer href eine Klasse hinzugefügt und versucht, einige CSS-Stile hinzuzufügen. Dadurch wurden einige Probleme gelöst (wie Größe und Farbe), aber es gibt Lücken

Answer 1

重读您的问题，我不确定您到底要解决什么问题。 “对齐时髦”是什么意思？

“设计作品集”上的 CSS 具有 float: left 和边距。

float: left 将其从流中取出并将其移动到视口的左侧，并导致其他文本（例如“阅读一本书”）环绕它（及其边距） ）。

.nav_link li, a {
    display: inline;
    float: left; /* <------ this */
    font-size: 24px;
    font-family: "neue-haas-grotesk-display", sans-serif;
    margin-left: 16px; /* <------ and this */
    margin-top: 24px; /* <------ and this */
    margin-bottom: 36px; /* <------ and this */
    text-decoration: none;
    color: #f8f8f8;
}

Answer 2

你在 CSS 中犯了一个错误，做了这样的事情：

.nav_link li, a

您需要删除这些逗号。我假设您正在尝试在具有 .nav_link 类的元素内的 li 中设置 a 的样式。但这不是你正在做的。相反，此选择器将一堆样式应用于 .nav_link li 并单独应用于所有 a 元素。选择器实际上应该如下所示：

.nav_link li a

您的 CSS 中的多个位置都遇到此问题。