如何水平显示“div”？ [复制]

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

使用内联块Fiddle:

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

}

或者你可以使用 float Fiddle:

#signupContent {
float: right;

}