htmlcss里面一个div里的ul怎么让他居中对齐？

1、首先先打开我们的开发环境新建一个web项目。

2、在html中引入css文件这里是html页面的代码div和ul。

3、将所有标签的margin和padding初始为0然后将父级div的display设置为flexalign-items设置为center。

4、运行web项目后得到的结果如图所示垂直居中了。

5、 将display设置为table-cell，将vertical-align设置为middle即可。

6、将ul的高度设置为百分比然后使用相对定位设置top为二分之一的百分之百减去ul的高度即可。

7、使用line-height将其设置div的高度必须是确定值，然后将li左或者右浮动即可。

1.创建一个大盒子，宽度等于上方创建用户的宽度。

2.把现有的四个盒子移动到刚才的大盒子中，样式有问题可以调一下。

3.给要居中的盒子加上margin: 0px auto 0px的样式，两个0px分别代表盒子上下的外边距，不固定可以是任意值。可以调整到理想的距离。

以上。

---