html两个div并排居中(html中两个div如何放在一行)

CSS3时代当然要用CSS3的完美解决办法不能忍受以前的height和lineheight同高等等的解决方法，想想都觉得不优雅用CSS3中的flexbox 布局模式verticalcontainer display webkitflexdisplay flexwebkitalign。

html中让一个DIV在另一个DIV中水平垂直居中，可以通过将一个div包裹第二个div，然后在将设置第一个div的宽高，要比第二大上很多，然后在设置第二个的宽高，然后通过marginauto auto这里我提交代码lthtml lthead。

第一个div属性设置居中显示这样可能第二个div内容也居中显示还有一个就是设置第二个div，margen属性为0，auto，自动居中。

首先我们对body设置textaligncenter，再对需要居中的div盒子设置css样式margin0auto，这样即可让对应div水平居中div居中代码应用，为了观察div居中效果，我们对div设置一个div命名为“div”在html中div标签内使用class=“。

aborder1px solid redheight50pxbborder1px solid bluefloatleftcborder1px solid greenfloatleftbbbbbbbbbbbbbbbbbccccccccccccccccc 我想让b和c 两个div 居中，该怎么弄 回复讨论解决方案。

1设置每个div的展现属性为行内样式，示例代码为ltdiv class=quotappquot ltdiv style=quotdisplayinlineblockbackground#f00quotdiv1ltdiv ltdiv style=quotdisplayinlineblockbackground#0f0marginleft10pxquotd。