Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/facebook/9.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 如何显示";divs“;水平的?_Html_Css - Fatal编程技术网

Html 如何显示";divs“;水平的?

Html 如何显示";divs“;水平的?,html,css,Html,Css,我这里有一个根div。我想水平显示子div。怎么做?你是说这个 Flexbox: 浮动: 内联块: 使用内联块: } 或者您可以使用float: }更改它们的显示,使用flexbox,使用css网格,有很多选项。默认情况下,它们已经水平显示,所以我想你的意思是垂直显示?在Google中复制粘贴你的问题标题。问题是,如果我更改显示(内联块)或浮动(左),它们都向左移动,第二个div位于第一个div之下。问题是,如果我更改显示(内联块)或浮动(左),它们都向左移动,第二个div位于第一个div之下。

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

你是说这个

Flexbox: 浮动: 内联块: 使用内联块:

}

或者您可以使用float:


}

更改它们的显示,使用flexbox,使用css网格,有很多选项。默认情况下,它们已经水平显示,所以我想你的意思是垂直显示?在Google中复制粘贴你的问题标题。问题是,如果我更改显示(内联块)或浮动(左),它们都向左移动,第二个div位于第一个div之下。问题是,如果我更改显示(内联块)或浮动(左),它们都向左移动,第二个div位于第一个div之下。。
<div id="Content">
    <div id="loginContent"></div>
    <div id="signupContent"></div>
</div>
#Content {
  display: flex;
}

#loginContent {
  flex: 1;
}

#signupContent {
  flex: 1;
}
#loginContent,
#signupContent {
  float: left;
  width: 50%;
}
#Content {
  text-align: center;
}

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