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