如何调整彼此下方的div和link <P>2,应在同一直线上,下一个DIV应在其下方,而3个DIV则集中在包装的中部。我的目标是注册和登录,然后在它们下面的搜索框 我的html是 <div id="wrapper"> <div id="reglog> <a href="#">Register</a> <a href="#">Login</a> </div> <div id="search">Quick Search</div> </div> <!--End of wrapper-->.

如何调整彼此下方的div和link <P>2,应在同一直线上,下一个DIV应在其下方,而3个DIV则集中在包装的中部。我的目标是注册和登录,然后在它们下面的搜索框 我的html是 <div id="wrapper"> <div id="reglog> <a href="#">Register</a> <a href="#">Login</a> </div> <div id="search">Quick Search</div> </div> <!--End of wrapper-->.,html,css,Html,Css,我希望不要给id=search赋予任何风格,它只会落在reglog块下面。。。 有人帮我解释为什么我不能让它工作吗 谢谢 Michelle只需使用display:block而不是内联块。检查下面更新的代码段 #包装器{ 浮动:对; 最大宽度:380px; 文本对齐:居中 } #reglog,#搜索{ 显示:块; } 我建议使用display:flex并使用柔性方向:行|行反向|列|列反向 您还应该将这些CSS属性附加到包含所有三个div的 您可以在这里找到所有相关信息:谢谢@Super。就快

我希望不要给id=search赋予任何风格,它只会落在reglog块下面。。。 有人帮我解释为什么我不能让它工作吗

谢谢
Michelle

只需使用
display:block而不是
内联块
。检查下面更新的代码段

#包装器{
浮动:对;
最大宽度:380px;
文本对齐:居中
}
#reglog,#搜索{
显示:块;
}


我建议使用
display:flex
并使用
柔性方向:行|行反向|列|列反向

您还应该将这些CSS属性附加到包含所有三个div的


您可以在这里找到所有相关信息:

谢谢@Super。就快到了,但是第一个跳水队员不会中锋#reglog的组合宽度为120px,#search的组合宽度为240px。而#包装器约为300px#reglog不会在#wrapper中水平居中。哦,现在它超级棒了,它工作得很好,我必须为reglog包含display:inline块,而为#search只包含display:block。我会研究一下原因。干杯
   #wrapper{
            float:right;
            max-width:380px;
            text-align:center             
           }

    #reglog{
            display:inline-block
            }