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
Achten Sie bei der Webseitenerstellung auf die Verwendung von HTML-Tags
HTML hat versucht, sich von der Präsentation weg ...
Tipps zum Listenaufbau für Website-Wartungsseiten
Und oft ist es für Wartungsarbeiten erforderlich, ...
Docker-Compose erstellt schnell Schritte für ein privates Docker-Warehouse
Erstellen Sie docker-compose.yml und füllen Sie d...
Beispiel für ein JavaScript-Meldungsfeld
In JavaScript können drei Arten von Meldungsfelde...
Detaillierte Erklärung der Speicher-Engine in MySQL
Übersicht über die MySQL-Speicher-Engine Was ist ...
Was sind Ihre Grundsätze für die Gestaltung von Indizes? Wie lassen sich Indexfehler vermeiden?
Inhaltsverzeichnis Primärschlüsselindex Erstellen...
Lösen Sie das Hierarchieproblem des Z-Index des untergeordneten Elements und der Geschwisterknoten des übergeordneten Elements in CSS
1. Die Entstehung des Problems Habe eine flache L...
Vue implementiert das Hoch- und Herunterladen von Dateien
In diesem Artikelbeispiel wird der spezifische Co...
Was ist ein MySQL-Tablespace?
Das Thema, das ich heute mit Ihnen teilen möchte,...
Häufige Szenarien und Vermeidungsmethoden für Indexfehler in MySQL
Vorwort Ich habe zuvor viele ähnliche Artikel gel...
Einführung in die Verwendung von Ankern (benannte Anker) in HTML-Webseiten
Die folgenden Informationen sind aus dem Internet ...
JavaScript MouseEvent-Fallstudie
Mausereignis Wenn die Maus eine bestimmte Operati...
Implementierung der mobilen Postcss-pxtorem-Anpassung
Führen Sie den Befehl aus, um das Plugin postcss-...
Lösen Sie schnell das Problem verstümmelter Zeichen und springender Zeilen in aus MySQL exportierten SCV-Dateien
Aus beruflichen Gründen ist es oft nicht möglich,...
Die JD Vue3-Komponentenbibliothek unterstützt den detaillierten Prozess der Miniprogrammentwicklung
Quellcode-Vorschau: https://github.com/jdf2e/nutu...