So entfernen Sie einen Zeilenumbruch nach DIV in CSS

8

Gibt es eine Möglichkeit, einen Zeilenumbruch nach einem div mit css zu verhindern, aber eine div min Breite und die andere maximale Breite zu haben?

Zum Beispiel habe ich

%Vor%

und möchten, dass es wie folgt angezeigt wird:

%Vor%

Wo mein Text nach rechts schwebt und mein Label die gesamte verbleibende Breite einnimmt?

Ich verwende das folgende CSS, aber das .text-div behält den Umbruch:

%Vor%

** UPDATE: JS FIDDLE * Ссылка

Danke für Ihre Hilfe

    
alias51 31.07.2013, 14:29
quelle

2 Antworten

8

Sie können das CSS-Tabellenmodell verwenden:

%Vor%

Geige

    
Ilya Streltsyn 31.07.2013, 14:50
quelle
15

Es ist kein "Zeilenumbruch", den Sie sehen; Das liegt daran, dass <div> -Elemente standardmäßig ein block -Element sind.

Wenn Sie das Verhalten so ändern möchten, dass sie in derselben Zeile angezeigt werden, können Sie die Eigenschaft display in CSS wie folgt ändern:

%Vor%

oder

%Vor%

Wenn Sie immer noch die Eigenschaft width oder min-width haben möchten (wie in der Frage angegeben), dann benötigen Sie die letztere, inline-block .

Ich hoffe, das hilft.

    
Spudley 31.07.2013 14:37
quelle

Tags und Links