So zentrieren Sie Ihre HTML-Schaltfläche
|
Wie zentrieren Sie Ihre HTML-Schaltfläche selbst? Das ist ganz einfach. Setzen Sie das Center-Attribut in seinem übergeordneten Tag wie folgt:
<html>
<Text>
<center><button onClick="myClick()">schlag mich</button></center>
<Skript>
Funktion meinKlick()
{
Alarm("123");
}
</Skript>
</body>
</html>
oder:
<html>
<Text>
<div align="center"><button onClick="myClick()">schlag mich</button></div>
<Skript>
Funktion meinKlick()
{
Alarm("123");
}
</Skript>
</body>
</html>Zentrieren Sie den Button horizontal Button ist ein Inline-Element auf Blockebene, Anzeige: Inline-Block. Die Lösung ist also ganz einfach. Es gibt zwei Möglichkeiten: Methode 1: <div Stil="Textausrichtung:Mitte"> <button>Schaltflächenmitte</button> </div> Methode 2: <div> <button style="display:block;margin:0 auto">Schaltfläche zentriert</button> </div> Dies ist das Ende dieses Artikels zum Zentrieren Ihrer HTML-Schaltfläche. Weitere Informationen zum Zentrieren von HTML-Schaltflächen finden Sie in früheren Artikeln auf 123WORDPRESS.COM oder in den verwandten Artikeln weiter unten. Ich hoffe, Sie werden 123WORDPRESS.COM auch in Zukunft unterstützen! |
<<: Zusammenfassung verschiedener Methoden zur Implementierung von Artikeltrennlinienstilen mit CSS
>>: 10 Tipps zur Website-Benutzerfreundlichkeit, die jeder kennen sollte
Artikel empfehlen
Detaillierte Erläuterung des Organisationsstrukturdiagramms der Vue-Tree-Color-Komponente
Inhaltsverzeichnis npm Installieren des Loaders P...
Zwei Methoden zur Implementierung der Mysql-Remoteverbindungskonfiguration
Zwei Methoden zur Implementierung der Mysql-Remot...
Vue implementiert die Funktionen Vergrößern, Verkleinern und Ziehen
In diesem Artikelbeispiel wird der spezifische Co...
So implementieren Sie Import- und Exportbefehle für MySQL-Datenbanken unter Linux
1. Exportieren Sie die Datenbank mit dem Befehl m...
Lösen Sie das Fehlerproblem von Warnungen, die möglicherweise mit der Option „--fix“ behoben werden können, wenn Sie ein Vue-Projekt ausführen
Problem: vue-cil3 wird mit Warnungen ausgeführt, ...
Installieren Sie ein CentOS-System basierend auf WindowsX Hyper-V
Derzeit nutzen die meisten Linux-Benutzer entwede...
Vier Möglichkeiten zum Wechseln von Registerkarten in VUE
Inhaltsverzeichnis 1. Statische Implementierungsm...
Diagramm des Tutorials zum Herunterladen und Installieren von MySQL8.0 für Win10 64-Bit
Wie lade ich MySQL von der offiziellen Website he...
So installieren Sie Django in einer virtuellen Umgebung unter Ubuntu
Führen Sie die folgenden Vorgänge im Ubuntu-Befeh...
Hinweise zur Speicherverwaltung von Linux-Kernel-Gerätetreibern
/********************** * Linux-Speicherverwaltun...
Schritte zur VMware-Konfiguration des VMnet8-Netzwerks
Inhaltsverzeichnis 1. Einleitung 2. Konfiguration...
So extrahieren Sie Zeichenfolgenelemente aus nicht festen Positionen in MySQL
Vorwort Hinweis: Die Testdatenbankversion ist MyS...
Eine kurze Erläuterung temporärer MySQL-Tabellen und abgeleiteter Tabellen
Abgeleitete Tabellen Wenn die Hauptabfrage eine a...
Lösung für den Fehler 2059 beim Verbinden von Navicat mit MySQL
Als ich kürzlich Django lernte, musste ich eine D...
So lösen Sie das Problem „Nginx 503-Dienst vorübergehend nicht verfügbar“
In letzter Zeit tritt nach dem Aktualisieren der ...