html - content - CSS nowrap para que no sean elementos de texto?

word break css

Question

¿Hay alguna manera de evitar que el contenido de un div ajuste al contenido cuando el contenido no es solo texto, por ejemplo, varios botones?

Answer 1

Puedes declarar posiciones estáticas para los otros contenidos usando

position:absolute;

Answer 2

Puedes establecer estas dos propiedades en CSS:

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

Answer 3

white-space:nowrap; debe hacer el truco

#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>

Demo