相关疑难解决方法(0)

出于某种原因,我的div不会在包含div中水平居中:

.row {
  width: 100%;
  margin: 0 auto;
}
.block {
  width: 100px;
  float: left;
}

<div class="row">
  <div class="block">Lorem</div>
  <div class="block">Ipsum</div>
  <div class="block">Dolor</div>
</div>

有时会有一个行div只有一个块div.我究竟做错了什么？

我没有玩过很长时间的CSS,而且目前还没有参考.我的问题应该相当容易,但谷歌搜索没有提出足够的答案.所以,增加集体知识......

|#header---------------------------------------------------------------|
|                               TITLE                                  |
|#sub-title------------------------------------------------------------|
|bread > crumb                    |                  username logout   |
|#sub-left                        |                          #sub-right|
|---------------------------------|------------------------------------|

这就是我想要的布局.标题反正.我希望子标题包含子左和右子.我使用什么css规则来确保div受另一个div的属性约束.在这种情况下,我如何确保子左和右子留在子标题内？

下面只是我的代码片段：

return(
     <div className='row'>
         <div>row1</div><div>row2</div><div>row3</div>
     </div>
);

我试过这个，但它显示为垂直。下面附上图片

我一直在各地搜索,并尝试了很多东西,我可以如何水平对齐DIV.我可能会以错误的方式思考这个问题,但我很乐意在一个适合用户浏览器尺寸的网络浏览器中重新创建它,当它降低到一定的尺寸时,比如iPhone或其他智能手机,它将改为另一种布局.

这是我的意思的一个例子.

谢谢你的帮助!