Warum sieht dieser Absatzlink so trendy aus?
P粉250422045
P粉250422045 2023-09-07 15:37:04
0
2
489

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

P粉250422045
P粉250422045

Antworte allen (2)
P粉604848588

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

“设计作品集”上的 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; }
    P粉022501495

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

    .nav_link li, a

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

    .nav_link li a

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

      Neueste Downloads
      Mehr>
      Web-Effekte
      Quellcode der Website
      Website-Materialien
      Frontend-Vorlage
      Über uns Haftungsausschluss Sitemap
      Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!