Maison  >  Article  >  interface Web  >  Pourquoi la largeur ne peut-elle pas être définie en CSS a ?

Pourquoi la largeur ne peut-elle pas être définie en CSS a ?

藏色散人
藏色散人original
2020-11-23 11:45:022820parcourir

La largeur du CSS a ne peut pas être définie car la balise a est un élément en ligne et la largeur ne peut pas être définie. La solution est de convertir l'élément en ligne en bloc ou [inline-block] pour définir la largeur.

Pourquoi la largeur ne peut-elle pas être définie en CSS a ?

Recommandé : "Tutoriel vidéo CSS"

L'environnement d'exploitation de ce tutoriel : système Windows10, version css3, cette méthode convient à toutes les marques d’ordinateurs.

Pourquoi la largeur de la balise a ne peut-elle pas être définie ?

Rien ne se passe lorsque j'utilise CSS pour définir la largeur de la balise a. Pourquoi ?

Étant donné que la largeur et la hauteur ne peuvent pas être définies pour les éléments en ligne et que la balise a est également un élément en ligne, la largeur ne peut pas être définie. Si vous souhaitez définir la largeur, vous devez convertir l'élément en ligne en bloc. ou inline-block,

Si vous le convertissez en bloc, l'élément occupera une ligne, ce qui peut modifier votre disposition

Si vous souhaitez conserver les éléments sur la même surface, vous pouvez définir le bloc en ligne inline-block. Après l'avoir défini sur un bloc en ligne, il peut apparaître que l'élément et les éléments adjacents ne sont pas sur la même ligne horizontale. La solution est de définir vertical-align: middle ou vertical; -align : top Vous pouvez également essayer d'autres attributs.

Étant donné que la largeur et la hauteur ne peuvent pas être définies pour les éléments en ligne et que la balise a est également un élément en ligne, la largeur ne peut pas être définie. Si vous souhaitez définir la largeur, vous devez convertir l'élément en ligne en bloc. ou inline-block,

Si vous le convertissez en bloc, l'élément occupera une ligne, ce qui peut modifier votre disposition

Si vous souhaitez conserver les éléments sur la même surface, vous pouvez définir le bloc en ligne inline-block. Après l'avoir défini sur un bloc en ligne, il peut apparaître que l'élément et les éléments adjacents ne sont pas sur la même ligne horizontale. La solution est de définir vertical-align: middle ou vertical; -align : top Vous pouvez également essayer d'autres attributs.

Éléments communs au niveau du bloc : div, p, form, ul, li, ol, dl, form, adresse, fieldset, hr, menu, table

Éléments en ligne communs : span, strong , em, br, img, input, label, select, textarea, cite, a

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!

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