如何水平顯示「div」？

<div id="Content"> 
    <div id="loginContent"></div> 
    <div id="signupContent"></div> 
</div>

我在這裏有一個根分區。我想水平顯示子div。這個怎麼做？如何水平顯示「div」？

來源

2014-09-18 Xiaojian

更改他們的顯示，使用Flexbox的，使用CSS網格，有很多選項。 – Quentin 2014-09-18 18:26:21

默認情況下它們已經水平顯示，所以我想你的意思是垂直的？ – DeFeNdog 2014-09-18 18:28:16

將問題標題複製粘貼到Google中。 – 2014-09-18 18:34:24

您的意思是？

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

or 

#Content { 
    text-align: center; 
} 

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

來源

2014-09-18 18:27:32 DeFeNdog

問題是，如果我改變顯示器（內聯塊）或浮動（左），他們都走在左邊，第二個div在第一個下面。 – Xiaojian 2014-09-18 18:39:11

使用inline-block的Fiddle：

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

}

，或者您可以使用float Fiddle：

#signupContent { 
float: right;

}

來源

2014-09-18 18:29:02 Sergey6116

如何水平顯示「div」？

回答

相關問題