element est un élément de bloc. Il est généralement considéré comme du code HTML non valide d'inclure un élément de bloc à l'intérieur d'un élément en ligne. La spécification de l'élément label indique explicitement qu'il ne doit contenir aucun élément de bloc descendant, y compris
.
CSS personnalisé : un correctif temporaire
Lors de l'application une règle CSS comme .block { display: block; } peut visuellement obtenir la mise en page souhaitée, cela ne résout pas le problème de balisage HTML sous-jacent. S'appuyer sur des modifications CSS personnalisées pour remplacer le comportement d'affichage par défaut est vulnérable aux interruptions imprévisibles et aux problèmes de maintenance.
Corriger la structure HTML
Pour résoudre le problème correctement, utilisez une formulation élément, tel que , dans l'étiquette au lieu d'un :
<form class="form-horizontal" role="form">
<div class="form-group">
<label class="block">
<span class="col-lg-2 control-label">Email</span>
<input type="email" class="form-control">
</label>
</div>
</form>
Conclusion
Bien qu'apparemment efficace avec l'aide de CSS, l'imbrication d'un
dans un <étiquette> n'est pas conforme aux spécifications HTML. Pour créer une mise en page valide et maintenable, utilisez des éléments de phrase dans les
Déclaration：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
