Maison > interface Web > tutoriel CSS > Comment aligner les étiquettes de formulaire aux deux extrémités avec CSS (exemple de code)

Comment aligner les étiquettes de formulaire aux deux extrémités avec CSS (exemple de code)

不言
Libérer: 2019-01-24 10:29:34
avant
5340 Les gens l'ont consulté

Le contenu de cet article explique comment réaliser l'alignement des étiquettes de formulaire aux deux extrémités avec CSS (exemple de code). Il a une certaine valeur de référence. Les amis dans le besoin peuvent s'y référer. .

Attributs principaux :

text-align : justifier ;

text-align-last : justifier Voir https://www; .html.cn/book/css/properties/text/text-align-last.htm

Effet final :

Comment aligner les étiquettes de formulaire aux deux extrémités avec CSS (exemple de code)

Code :

Copier après la connexion
            
  •                          
                                                  
            
  •         
  •                          
                                                  
            
  •         
  •                          
                                                  
            
  •         
  •                          
                                                  
            
  •     
        li {
            clear: both;
            list-style: none;
        }
    
        .mark {
            display: block;
            float: left;
            overflow: hidden;
            width: 78px;
            height: 29px;
            padding-right: 10px;
            text-align: justify;
            text-align-last: justify;
            line-height: 2;
        }
Copier après la connexion

Remarque :

Les caractères et chiffres anglais ne seront pas justifiés

Comment aligner les étiquettes de formulaire aux deux extrémités avec CSS (exemple de code)

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:
css
source:segmentfault.com
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal