Wie kann ich zwei div in einer Zeile über css inline property anzeigen [duplizieren]

8

Ich versuche, css-Inline-Eigenschaft zu verwenden, um Div-Knoten in einer Zeile anzuzeigen, unten ist mein Code

%Vor%

Das Ergebnis ist nicht richtig, die zwei div mit der Klasse 'inline' werden immer noch in zwei Zeilen angezeigt und der Rahmen ist auch falsch angezeigt. Ich weiß nicht was passiert, wer kann mir helfen?

Danke

    
user2155362 30.07.2014, 12:39
quelle

2 Antworten

12

Verwenden Sie inline-block anstelle von inline . Lesen Sie hier mehr über den Unterschied zwischen Inline und Inline-Block.

%Vor%

DEMO

    
Suresh Ponnukalai 30.07.2014 12:40
quelle
1

Sie müssen display:inline nicht verwenden, um dies zu erreichen:

%Vor%

Sie können float-left verwenden.

  

Verwenden von float: left ist der beste Weg, mehrere div-Elemente in einem zu platzieren   Linie. Warum? Weil inline-block ein Problem hat, wenn es angezeigt wird   in IE älteren Versionen.

Geige

    
Alex Char 30.07.2014 12:42
quelle

Tags und Links