web-dev-qa-db-fra.com

CSS nowrap pour des éléments autres que du texte?

Existe-t-il un moyen d'éviter le wrapping du contenu d'un div lorsque le contenu n'est pas uniquement du texte, par exemple plusieurs boutons?

22
cur4so

white-space:nowrap; devrait faire l'affaire.

#foo {
  white-space:nowrap;
  width: 100px;
}
<div id="foo">
  <input type="button" value="hello"/>
  <input type="button" value="hello"/>
  <input type="button" value="hello"/>
  <input type="button" value="hello"/>
  <input type="button" value="hello"/>
  <input type="button" value="hello"/>
  <input type="button" value="hello"/>
</div>

Démo

30
sachleen

Vous pouvez définir ces deux propriétés en CSS:

white-space:nowrap; et max-width:something;