很多朋友对于css中两个div水平对齐和css设置水平居中不太懂，今天就由小编来为大家分享，希望可以帮助到大家，下面一起来看看吧！
一、css如何让两个div并排,div1左对齐,div2对齐div1
1、我们对div设置一个float浮动属性即可解决不并排显示，只要你的并排div盒子总宽度小于或等于最外层盒子宽度即可实现多个div对象并排显示。
2、这里我们对div通设一个浮动，当然实际使用时候，要通排显示div对象的加入css类，我们就对要同行显示css选择器设置浮动。避免其它不需要设置的也被加入浮动样式。
3、我们加入display:inline即可解决实现同行并排显示div盒子对象。
4、对div标签设置div{ display:inline}样式，解决后截图：
5、使用display样式实现同行并排显示div盒子
6、为了区别其他不需要设置横向排列显示div盒子对象，我们对相邻需要同排显示的div盒子统一加粗css类，css命名为".div-inline"。
7、<divclass="div-inline">第一个div盒子</div><divclass="div-inline">第二个盒子</div><divclass="div-inline">第三个盒子</div>
二、两个平行的div标签怎样调整之间的距离
1、因为ul有默认的边距，你可以在css的头部设置，
2、这样就可以消除所有你所用类的默认内外边距了，如果需要的话再在个别的元素里设置。
3、div是块级元素，默认情况下是单独占用一行的。你想让两个div水平放置，就得改变div的display属性。
4、分别把两个div的css中加入display:inline-block;
5、然后给需要左对齐的div设置float:left;
6、同理，右对齐的设置float:right;
三、DIV+cSS同一行左右对齐
1、DIV高度自适应比较麻烦，你可以设置DIV元素的属性，padding-bottom:-10000px;margin-bottom:10000px实现，一个正值，一个负值，刚好抵消。但是这个必须设置父容器overflow:hidden否则在FF下，会出现页面很长的问题。
2、文字左右对其，同一行，表格两列是最好的，分别用align left right实现，当然也可以用两个div一个左浮动，一个右浮动，并且分别设置text-align属性就可以了，浮动元素不要设置padding和margin属性，否则会浮动边距加倍错误。
3、我说的是DIV的高度自适应父容器的高度，不知道你说的页面自适应高度怎么理解，如果是可以随内容而伸缩的话，不设置容器的高度就可以，都会自动拉伸的，设置了高度并且设置了overflow属性后就固定了高度。
4、当然你可以像一楼的用li里面给span行内元素加float实现左右对其，方法很多，看你怎么实现，记住块级元素浮动不能使用边距属性就OK了
四、css 怎么实现 div水平居中 呢
因为“text-align:center”控制的是文本居中，div居中可以用外边距margin来实现。
1、新建html文件，在body标签中添加div标签，div标签中的内容为“演示文本”，添加题目中的css样式，为了方便演示，给div标签添加灰色背景，这时可以发现div靠近浏览器的左侧，文字在div中居中：
2、为div标签添加新的外边距“margin”属性，属性值为“0 auto”，“0”指的是上下外边距为0，“auto”指的是左右外边距为自适应：
3、这时无论浏览器的宽度是多少，div都会在浏览器上水平居中：
五、css三个div横向排列中间间隔20px
首先打开hbuilder软件，新建一个html文件，在html里面写入html结构，在给每个子div设置一个class属性。2、接着在上方的style标签中设置这个名叫div的class的css样式，这里把文字字号放大并加入了边框，然后就可以使用margin属性设置子容器之间的间距了，margin中前面的是设置上下间距，后面的则是左右间距，最后根据自己的需要设置即可。3、来到浏览器即可看到效果，三个div的间距都是20px。以上就是cs设置div子容器之间的间距的方法。
六、div+css中如何让两个元素位于同一水平线
例如将两个按钮对齐，方法和详细的操作步骤如下：
1、第一步，打开html编辑器并创建一个新的html文件，见下图，转到下面的步骤。
2、第二步，执行完上面的操作之后，输入CSS代码“button{display:inline-block}”，见下图，转到下面的步骤。
3、第三步，执行完上面的操作之后，浏览器运行“index.html”页面，两个元素位于同一水平线上了，见下图。这样，就解决了这个问题了。
七、如何使用css对多个DIV排列时进行水平居中
1、使用css对多个DIV排列时进行水平居中，我们将那几个DIv全都由一个总的div包裹起来，然后设置那个总的div的宽度和高度，然后再去设置子div的宽度和高度，当然不能大于总的div的，然后在给子div设置float属性即可排序，然后在使用margin对总的div就可以设置水平居中了，代码如下：
2、<title>图片和文本的对齐</title>
END，本文到此结束，如果可以帮助到大家，还望关注本站哦！
