HTML / CSS Whitespace-Brechen

9

Ich frage mich, warum mit Markup wie

Ссылка

Ich bekomme

Wie Sie sehen können, sind die ersten und letzten Menüpunkte in 3 Zeilen unterteilt, auch wenn genügend Platz zum Erweitern vorhanden ist. Ist es möglich, dass die Linie nicht bricht, außer es gibt wirklich keinen Platz? Wenn möglich, ohne eine feste Breite zu setzen oder schussfreie Räume zu verwenden?

    
Jiew Meng 07.01.2011, 14:37
quelle

3 Antworten

3

  HTML-Entität oder white-space: nowrap; CSS. Aber es wird nicht brechen, selbst wenn es wirklich keinen Platz gibt.

Sie können display: inline-block; anstelle von float: left; für Ihre li , img und / oder p verwenden.

Ссылка

    
Habax 07.01.2011, 14:39
quelle
1

Fügen Sie Folgendes hinzu:

%Vor%     
Diablo 07.01.2011 14:39
quelle
1

Ich habe keine Ahnung, warum es sich so verhält, aber es scheint, dass Sie es beheben können, indem Sie auch die p 'schweben lassen:

%Vor%

Je nach den Anforderungen Ihres Browsers können Sie auch festlegen, dass die p direkt nach dem Bild verschoben wird:

%Vor%     
jeroen 07.01.2011 15:08
quelle

Tags und Links

Django: Verwenden von Annotate, Count und Distinct in einem Queryset Unterschied zwischen den verschiedenen Web-Technologien?