2014-09-18 29 views
5

Ich habe eine Wurzel div hier. Ich möchte die Child-Divs horizontal anzeigen. Wie macht man das?Wie "Divs" horizontal angezeigt werden?

+0

ändern ihre Anzeige, Verwendung Flexbox, Verwenden Sie CSS-Grids, es gibt viele Optionen. – Quentin

+0

Sie werden bereits standardmäßig horizontal angezeigt, also stelle ich mir vor, Sie meinen vertikal? – DeFeNdog

+0

Kopieren Sie Ihren Fragetitel in Google. –

Antwort

2

Sie meinen das?

#loginContent, 
#signupContent { 
    float: left; 
    width: 50%; 
} 

or 

#Content { 
    text-align: center; 
} 

#loginContent, 
#signupContent { 
    display: inline-block; 
} 
+0

Das Problem ist, wenn ich die Anzeige ändern (Inline-Block) oder float (links), beide gehen nach links mit der zweiten div unter der ersten div. – Xiaojian

0

Verwenden inline-block Fiddle:

#loginContent, #signupContent { 
display: inline-block; 

}

oder können Sie verwenden float Fiddle:

#signupContent { 
float: right; 

}

Verwandte Themen