CSS nowrap за исключением текстовых элементов?

Есть ли способ избежать обертывания div когда контент не является только текстом, например. несколько кнопок?

Ответы

Ответ 1

white-space:nowrap; должен сделать трюк.

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

Ответ 2

Вы можете установить оба этих свойства в CSS:

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

Ответ 3

Вы можете объявлять статические позиции для другого содержимого, используя

position:absolute;