css不能居中怎么办
程序员文章站
2022-03-09 19:30:56
...
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视频教程】
以上就是css不能居中怎么办的详细内容,更多请关注其它相关文章!
上一篇: PHP开发 如何防止多人编辑订单
下一篇: 你值得了解的JS高级技巧(总结)
推荐阅读
-
这种半透明效果怎么办?_html/css_WEB-ITnose
-
居中方法_html/css_WEB-ITnose
-
CSS居中完整版_html/css_WEB-ITnose
-
win11浏览器不能上网怎么办?win11无法联网修复教程
-
css各种姿势的水平居中_html/css_WEB-ITnose
-
CSS制作图片水平垂直居中_html/css_WEB-ITnose
-
css垂直居中的几种方式_html/css_WEB-ITnose
-
请大家帮我看一下我这段代码中的ul和a为什么不能显示在同一行中。_html/css_WEB-ITnose
-
IE8.0下DIV+CSS网站不居中解决办法_html/css_WEB-ITnose
-
负margin居中_html/css_WEB-ITnose