简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
So stellen Sie sicher, dass Schaltflächen bei verschiedenen Computerauflösungen zentriert angezeigt werden
P粉974462439
P粉974462439 2023-08-13 18:51:08
0
2
456

Mobile Auflösung

Also verwende ich Bootstrap und zentriere es erfolgreich, aber wenn ich die Auflösung ändere/verkleinere, werden die Schaltflächen umgebrochen und leicht nach rechts verschoben. Kann mir jemand sagen, was ich falsch mache? 

--HTML-- 
  --CSS-- #Erhalten { Randbreite: 4px; Schriftfamilie: Lexend; }

Ich habe versucht, es zu zentrieren, es funktioniert bei größeren Auflösungen, ist aber bei mobilen Auflösungen nach links verschoben

P粉974462439
P粉974462439

Antworte allen (2)
P粉278379495
P粉2783794952023-08-14 16:13:14 2 Etage

您可以尝试将相对定位position: relative添加到父级

，然后将绝对定位position: absolute添加到按钮，并加上left: 50%; top: 50%; transform: translate(-50%, -50%);。

这样，按钮的位置将独立于分辨率和屏幕大小。希望能够解决您的问题。

Wie+0
Antwort hinzufügen
    P粉638343995
    P粉6383439952023-08-14 13:13:40 1 Etage 

    #Get { border-width: 4px; font-family: Lexend; margin: 0 auto; }
    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！