简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
So stellen Sie sicher, dass die Höhe aller

-Tags konsistent ist

P粉121447292
P粉121447292 2023-08-20 11:15:19
0
1
408

Ich habe das h3-Tag erhalten. einer der unteren Ich habe versucht, margin: 0 und padding zu verwenden, aber es hat nicht funktioniert und ich weiß nicht, wo ich einen Fehler gemacht habe.

Nach dem Entfernen von align-items: center wurde die Höhe festgelegt, aber wie kann man sie im Bildcontainer zentrieren, ohne die Höhe von h3 zu zerstören? Bild


.info-footer { Hintergrundfarbe: rgba(33, 40, 59, 0,8); Farbe: #fff; Rand: 1 Pixel einfarbiges RGB (53, 56, 72); Breite: 100 %; Höhe: 14em; Anzeige: Flex; rechtfertigen-Inhalt: Mitte; Lücke: 200px; Polsterung: 20px 10px; align-items:top; }
 
 
Menü 1
  
 
 
Menü 2


P粉121447292
P粉121447292

Antworte allen (1)
P粉903052556
P粉9030525562023-08-21 00:57:09 1 Etage

从.info-footer样式中移除align-items: center;。

align-items的作用是：

选择center表示将元素放置在flex容器的中心，并围绕此中心进行布局。换句话说，你的footer-info和footer-menu与 flex 容器的中心对齐，而不是起始位置。

.info-footer { background-color: rgba(33, 40, 59, 0.8); color: #fff; border: 1px solid rgb(53, 56, 72); width: 100%; height: 14em; display: flex; justify-content: center; gap: 200px; padding: 20px 10px; }
 
 
Menu 1
  
 
 
Menu 2
Wie+0
Antwort hinzufügen
    Beliebte Themen
    Mehr>
    Populäre Artikel
    Beliebte Tutorials
    Mehr>
    Verwandte Tutorials
    Beliebte Empfehlungen
    Aktuelle Kurse
    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！