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
Grundlegende Verwendung der Funktion find_in_set in MySQL
Vorwort Dies ist eine neue Funktion, die ich kürz...
Das schnellste Textsuchtool von Linux: ripgrep (die beste Alternative zu grep)
Vorwort Apropos Textsuchtools: Jeder sollte grep ...
Eine bunte Katze unter Linux
Freunde, die das Linux-System verwendet haben, mü...
jQuery zum Erzielen eines gleitenden Treppeneffekts
In diesem Artikel wird der spezifische Code von j...
Beispiele für Dateneinschränkungen basierend auf einer MySQL-Datenbank und Einführung in fünf Integritätseinschränkungen
Um zu verhindern, dass nicht konforme Daten in di...
Detaillierte Erklärung der Set-Datenstruktur von JavaScript
Inhaltsverzeichnis 1. Was ist Set 2. Konstruktor ...
Beispiel für einen SQL-Seriennummernerfassungscode
In diesem Artikel wird hauptsächlich das Beispiel...
Beispiel, wie nginx dynamische und statische Trennung implementiert
Inhaltsverzeichnis Stellen Sie nginx auf Server1 ...
MySQL 8.0.17 Installations- und einfaches Konfigurationstutorial unter macOS
Wenn Sie nicht verstehen, was ich geschrieben hab...
Schreiben Sie einen einfachen Rechner mit JavaScript
Die Wirkung ist wie folgt:Referenzprogramm: <!...
Häufig verwendete englische Schriftarten für die Webseitenerstellung
Arial Arial ist eine serifenlose TrueType-Schrifta...
Document Object Model (DOM) in JavaScript
Inhaltsverzeichnis 1. Was ist DOM 2. Elemente aus...
jQuery-Plugin zur Implementierung des Suchverlaufs
Jeden Tag ein jQuery-Plugin – um einen Suchverlau...
Probleme mit dem benannten Mount und dem anonymen Mount des Docker-Container-Datenvolumens
Inhaltsverzeichnis Was ist ein Containerdatenvolu...
Detaillierte Analyse des MySQL 8.0-Redo-Logs
Inhaltsverzeichnis Vorwort Generierung eines Redo...