CSS nowrap für andere als Textelemente?

Question

Gibt es eine Möglichkeit zu vermeiden, dass der Inhalt div Inhalt, wenn der Inhalt nicht nur Text ist, z. mehrere Knöpfe?

Answer 1

white-space:nowrap; sollte den Trick tun.

#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

Answer 2

Sie können statische Positionen für die anderen Inhalte erklären

position:absolute; 

Answer 3

verwenden, können Sie sowohl diese Eigenschaften in CSS:

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