comment garder inline éléments d'emballage?

J'ai des éléments de menu qui ressemble à ceci

<ul>
  <li>Item1<span class="context-trigger"></span></li>
  <li>Item2<span class="context-trigger"></span></li>
  <li>Item3<span class="context-trigger"></span></li>
</ul>

avec CSS qui transforme le haut dans un menu horizontal, et JS qui transforme l' [travées] en boutons amener des menus contextuels. Vaguement comme ceci:

Item1^ Item2^ Item3^

Si le menu est trop large pour la largeur du navigateur, qu'il l'enveloppe, qui est ce que je veux. Le problème est que, parfois, c'est la mise en ligne des pauses avant de les [les travées]. Je ne le veux briser entre [li]. Des idées?

OriginalL'auteur sprugman | 2008-11-04

  1. 14

    essayez d'utiliser 

    white-space: nowrap;

    dans le css de la définition de votre cadre de déclenchement de classe.

    Edit: je pense que patmortech est correct même si, en mettant nowrap sur la durée ne fonctionne pas, car il n'est pas un "espace blanc" du contenu. Il peut être aussi que le fait de tenir le style de l'élément LI ne fonctionne pas non plus, parce que le navigateur pourrait rupture pièces car la durée est un élément imbriqué dans li. Vous pourriez revoir votre code, baisse de la DURÉE de l'élément et utiliser les css sur le LI éléments.

    OriginalL'auteur Huibert Gill

  2. 3

    Vous avez besoin de mettre la suite pour garder votre élément de liste d'emballage (en le mettant dans le contexte de déclenchement de la classe tout en conservant la durée de contenu d'emballage:

    li { white-space:nowrap; }

    OriginalL'auteur patmortech

  3. 0

    Si vous flotter le <li> éléments, vous devriez obtenir l'effet que vous voulez.

    OriginalL'auteur Chris Marasti-Georg