css不能居中怎么办


本文摘自PHP中文网,作者藏色散人,侵删。

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

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

问题:

nav li 无法居中?

30d676ca7805d73ae32311f5d7039a1.png

解决办法:

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

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

【推荐学习:css视频教程】

以上就是css不能居中怎么办的详细内容,更多文章请关注木庄网络博客

相关阅读 >>

css如何实现隐藏滚动条

css中的classlist的意思是什么

html5实践-使用css制作时间icon的具体详解(图)

vue源码之目录结构的简单分析

css强制文字不换行代码是什么

css比html更复杂为什么还要用?

详解解读css样式中的!important、*、_符号

css的语法规则是什么

js和css文件位置对页面性能有什么影响?

css怎样隐藏文本框边框

更多相关阅读请进入《css》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...