如何水平显示“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”？

回答

相关问题