css样式margin:0 auto;表示的意思和margin:0 auto 0 auto;是一样的,即表示上下为0,左右为auto,也就是水平居中的意思。
今天遇到个问题,在设置css样式的时候margin: 0 auto不能水平居中,经过查找,发现碰到此问题的朋友还挺多,本人对css样式也是一知半解,研究一番找到了解决方案。
margin:0 auto不能水平居中的原因:
1、margin:0 auto居中的前提是我们提前为div设置了对应的宽度,如果没有设置宽度,就算使用了改css属性,也不会取作用;
2、检查一下div是否使用了float:left或float:right,如果使用了float:left或float:right,margin:0 auto也不会起作用;
margin:0 auto不能水平居中的解决办法:
1、如果可以设置div的宽度的话,加一句css宽度样式;
height:960px;
2、如果不设置div宽度的话,加一句文本居中的css样式text-align:center即可:
margin:0 auto;
text-align:center;
以上就是css样式margin:0 auto不能水平居中的解决方法和具体原因。
2022年5月20日 上午12:15 1F
品自行的文章都是这么简洁有效
2022年5月20日 下午9:28 B1
@ 老达 承蒙老达的关注,年纪大了,遇到的问题找个博客记录一下,以后遇到类似的问题就不用百度了 呵呵、、、