如何解决CSS元素无法水平垂直居中的问题？

本文共计248个文字，预计阅读时间需要1分钟。

CSS居中解决方案：

1.打开相应的CSS代码文件；

2.找到无法生效的代码内容；

3.给li元素添加宽度、高度和背景颜色；

4.使用margin: 0 auto进行居中。

css不能居中的解决办法：首先打开相应css代码文件；然后找到无法生效的代码内容；接着给li加上宽高和背景颜色；最后通过“margin:0 auto”进行居中即可。

本文操作环境：windows7系统、HTML5&&CSS3版、Dell G3电脑。

问题：

nav li 无法居中？

解决办法：

使用列表的时候，当给li加上浮动float的话，就会发现text-align:center无效了，这是因为这里的li是区块元素，使用text-align是无效的，给lI加上宽高和背景颜色就可以看到效果了，这时ul要进行居中就只能用margin:0 auto才行。

如果实在不想使用margin这个居中的方法，可以把li的float去掉，使用display:inline可以把li变为内联元素，这时就可以使用text-align:center了。

以上就是css不能居中怎么办的详细内容，更多请关注自由互联其它相关文章！