communauté
Apprendre
Bibliothèque d'outils
Outils d'IA
Loisirs
recherche
Français
Maison > interface Web > tutoriel HTML > Comment centrer le formulaire en HTML

Comment centrer le formulaire en HTML

coldplay.xixi
Libérer： 2023-01-03 09:24:08
original
25514 Les gens l'ont consulté

Comment centrer le formulaire en HTML : ajoutez d'abord une balise parent fa à l'extérieur du formulaire ; puis ajoutez une classe centrée au formulaire, le code est [

Comment centrer le formulaire en HTML

L'environnement d'exploitation de ce tutoriel : système windows7, version html5, DELL Ordinateur G3, cette méthode convient à Toutes les marques d'ordinateurs

Comment centrer le formulaire en HTML :

Lorsque la largeur et la hauteur du formulaire ne sont pas fixes. , ajoutez une balise parent fa à l'extérieur du formulaire et ajoutez une classe centrée sur le formulaire 

<body>   
<div class="fa">
    <form name="search" method="post" action="#" class="centered">
       <input value="请输入关键词" type="text" name="q" />
       <input type="submit" value="搜索"/>
    </form>
</div>
</body>
Copier après la connexion

Après avoir effacé le style par défaut de la page (remplissage de marge)

<style type="text/css"> 
html,body{width: 100%;height: 100%;}
.fa {text-align: center;height: 100%;}
.fa:before {content: &#39;&#39;;display: inline-block;height: 100%;vertical-align: middle;}
.centered {display: inline-block;vertical-align: middle;background: red;width: auto;}
</style>
Copier après la connexion

Recommandations d'apprentissage associées. : tutoriel HTML

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées：
html
Article précédent：Qu'est-ce que la balise de liste de définitions HTML ? Article suivant：Est-ce que mate est une seule balise en HTML ?
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Derniers numéros
Comment devient-il <html></html> après avoir saisi <html><> ?
Depuis 1970-01-01 08:00:00
0
0
0
angulaire.js - Quelqu'un sait-il comment lier du HTML à l'aide de ng-bind-html. Mais le HTML est échappé
Depuis 1970-01-01 08:00:00
0
0
0
Devez-vous créer un dossier HTML correspondant pour chaque code HTML sous le dossier d'affichage ?
Depuis 1970-01-01 08:00:00
0
0
0
Comment envoyer du contenu HTML vers une autre page HTML
Depuis 1970-01-01 08:00:00
0
0
0
Comment convertir du HTML en PHP ?
Depuis 1970-01-01 08:00:00
0
0
0
Rubriques connexes
Plus>
Recommandations populaires
Tutoriels populaires
Plus>
Tutoriels associés
Recommandations populaires
Derniers cours
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal