如何水平显示"divs"？

Question

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

我这里有一个根div。我想水平显示子div。怎么做？

Answer 1

你是说这个？

弹性框：

#Content {
  display: flex;
}
#loginContent {
  flex: 1;
}
#signupContent {
  flex: 1;
}

浮：

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

内联块：

#Content {
  text-align: center;
}
#loginContent,
  #signupContent {
  display: inline-block;
}

Answer 2

使用内联块小提琴：

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

}

或者你可以使用浮动小提琴：

#signupContent {
float: right;

}