如何调整彼此下方的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-->.
我希望不要给id=search赋予任何风格,它只会落在reglog块下面。。。 有人帮我解释为什么我不能让它工作吗 谢谢如何调整彼此下方的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。就快
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
}