comment définir la balise d'ancrage largeur du texte à l'aide de css?

J'ai le code html et css comme ci-dessous -

    .title {
        display: block; background-color: red;
    }

<a href="#">
    <span class="title">Text</span>
</a>

J'ai pu voir que la plage s'étend sur à 100% de la largeur disponible (en raison de display: block). Comme ci-dessous

|----------------------------------------------------|
| Text                                               |
|----------------------------------------------------|

Dans Firefox, je peux cliquer n'importe où dans l'encadré ci-dessus, et il me prend à la page liée. Toutefois, Dans IE (IE 7), je reçois le curseur à la main seulement quand j'ai placez le curseur sur "Texte" texte seulement.

Ce hack, je vais devoir le faire pour le faire fonctionner (comme il le fait dans la FF) dans IE ainsi?

J'ai essayé de placer la balise d'ancrage lui-même (et pas seulement le texte) dans la durée mais il ne fonctionne pas.

Grâce.

  • Essayez de faire le point d'ancrage d'un bloc-élément, trop. Sinon vous avez un élément de type block (durée avec display: block) à l'intérieur d'un élément inline.
  • fonctionne pour moi (dans IE6,7 et 8)...donc il pourrait être quelque chose d'autre? Si non, je te suggère de faire comme David suggère ci-dessous, que c'est une meilleure solution. (fonctionne également dans IE6,7 et 8)
  • Oui .. il a obtenu. Merci.
  • oui .. le réglage de l'ancre que le bloc a fait le tour. Des acclamations.
InformationsquelleAutor TigerTiger | 2009-07-09
  1. 16

    Style de l'ancre et de supprimer la durée.

    (Le problème est dû à la façon dont certains navigateurs gérer les éléments qui sont display: block à l'intérieur des éléments qui sont display: inline. Vous pouvez le contourner par le style à la fois l'ancrage et la durée, mais la durée apparaît redondante dans cet exemple)

    InformationsquelleAutor Quentin
  2. 8

    pour votre <a> tag, que le style "display: block; width:100%;"

    InformationsquelleAutor Rik Heywood
  3. 0

    Certainement, vous avez besoin de supprimer la durée et de l'appliquer de la classe à la balise d'ancrage. Je ne pense pas que vous devez définir la largeur à 100% de manière explicite, mais je peux me tromper.

    InformationsquelleAutor Alex Morales
  4. 0

    Supprimer le supplément de durée et de lieu, que le titre de la classe sur le lien lui-même. Puis ajouter width:100%; pour les css.

    Moins de balisage est le plus souvent mieux, c'est pourquoi vous devez supprimer le supplément de durée.

    InformationsquelleAutor corymathews
  5. 0

    vous pouvez également à l'aide de marge ou de rembourrage

    InformationsquelleAutor
  6. 0

    Donner un style à l'ancre de display:block et max-width:30px !important; max-largeur de la taille peut être tout

    li a {
    display: block;
    height: 30px;
    max-width: 30px !important;
}
    InformationsquelleAutor Himani