Есть ли способ избежать обертывания div
когда контент не является только текстом, например. несколько кнопок?
CSS nowrap за исключением текстовых элементов?
Ответ 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;