如何水平显示“ div”?

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

我在这里有一个root div。我想水平显示子div。这个怎么做?

脱铁狗

你是这个意思?

Flexbox:

#Content {
  display: flex;
}

#loginContent {
  flex: 1;
}

#signupContent {
  flex: 1;
}

浮点数:

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

内联块:

#Content {
  text-align: center;
}

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

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章