Réglage de la largeur et de la hauteur sur Une balise

Est-il possible de définir la largeur et la hauteur en pixels sur une balise d'ancrage? J'aimerais avoir la balise d'ancrage pour avoir une image d'arrière-plan tout en conservant le texte à l'intérieur de l'ancre.

CSS:

li {
  width: 32px;
  height: 32px;
  background-color: orange;
}

li a {
  width: 32px;
  height: 32px;
  background-color: red;
}

HTML:

<li><a href="#">Something</a></li>

InformationsquelleAutor Luke | 2011-01-20
  1. 262

    Vous avez besoin pour faire de votre ancre display: block ou display: inline-block; et puis il va accepter les valeurs de largeur et hauteur.

    InformationsquelleAutor Jared
  2. 66

    Vous pouvez également utiliser display: inline-block. L'avantage de ceci est que cela va régler la hauteur et la largeur comme un élément de bloc, mais aussi le mettre en ligne, de sorte que vous pouvez avoir un autre tag assis juste à côté d'elle, permettant à l'espace parent.

    Vous pouvez en savoir plus sur propriétés de l'affichage ici

    • Je cherchais une solution pour régler la largeur de la balise d'ancrage que son contenu du texte et non pas dans une certaine largeur et en hauteur, réglage en "inline-block" a fait le tour exactement. Merci.
    InformationsquelleAutor sarcastyx
  3. 7

    Toutes ces suggestions de travail, sauf si vous placez les chevilles à l'intérieur d'une liste UL.

    <ul>
    <li>
        <a>click me</a>>
    </li>
</ul>

    Ensuite toutes les feuilles de style en cascade règles sont remplacées dans le navigateur Chrome. La largeur devient automatique. Ensuite, vous devez utiliser du CSS directement les règles sur l'ancre elle-même.

    InformationsquelleAutor Bradley
  4. 5

    Ce n'est pas une copie exacte (pour autant que je peux trouver), mais c'est un un problème commun.

    display:block est ce que vous avez besoin. mais vous devriez lire la spec à comprendre pourquoi.

    InformationsquelleAutor zzzzBov
  5. 0

    Ci-dessous qui travaillent pour moi 

    display: block;
width: 100%;
    InformationsquelleAutor Pankaj Upadhyay