Div ist in einer Zeile

8

Hier ist mein Code:

%Vor%

Divs Aussehen ist gut, aber sie stellen vertikal. Gibt es eine Möglichkeit, sie horizontal in einer Linie zu platzieren?

Span ist in der einen Zeile platziert, aber die Spanne kann nicht die Breite eines Inline-Elements haben. Wenn es keine Möglichkeit gibt, DIVs und SPANs für meine Aufgabe zu verwenden, werde ich eine Tabelle verwenden, aber ich suche nach der Lösung ohne Tabelle.

    
demas 31.10.2010, 14:06
quelle

7 Antworten

4

Lorenzos Antwort ist richtig, aber ich würde dem Markup etwas hinzufügen:

%Vor%

in CSS hinzufügen:

%Vor%

Damit der Rest Ihrer Sachen korrekt fließt.

== Alternative Methode (Ab Januar und SitePoint ) = =

Sie müssen den div.pageHolder-footer nicht haben (aber pageHolder behalten). Und dann:

%Vor%

Sie können beide Nachteile haben, aber es hängt davon ab, was Sie brauchen.

    
xandy 31.10.2010, 14:14
quelle
11

xandy ist richtig, aber das ist besser:

%Vor%

mit CSS:

%Vor%

Elemente zum Löschen von Floats ist Markup. Es ist wie mit <br> , aber für Floats. Das Mischen von Markup und Content wird im semantischen Web als schlechte Praxis angesehen.

Lesen Sie diesen Artikel , um weitere Informationen zu erhalten.

    
Jan 31.10.2010 14:51
quelle
4

Verwenden Sie

%Vor%

im Stil des Divs

    
Samuel 31.10.2010 14:08
quelle
3

Benutze dies

%Vor%     
Lorenzo 31.10.2010 14:09
quelle
3

Verwenden Sie display:inline; und Ihre divs werden in einer Zeile sein.

andere Lösung: float:left;

    
Samuel De Backer 31.10.2010 14:09
quelle
2

Anzeige verwenden: Tabellenzelle; Es wird Ihr Problem der Div-Ausrichtung in horizontaler Reihenfolge lösen.

%Vor%

CSS

%Vor%     
jforjs 29.10.2013 23:35
quelle
1

Sie können mit der Kombination von ul / li mit liste (css property) als keine ausprobieren.

etwas wie

%Vor%

oder

kannst du innerhalb von table / tds in divs versuchen.

    
kadalamittai 31.10.2010 14:12
quelle

Tags und Links