css设置margin:0 auto不能水平居中如何解决

admin
admin
admin
374
文章
118
评论
2022年5月19日23:43:14 2 107
css设置margin:0 auto不能水平居中如何解决

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不能水平居中的解决方法和具体原因。

admin
匿名

发表评论

匿名网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

评论:2   其中:访客  1   博主  1
    • 老达 老达 3

      品自行的文章都是这么简洁有效 :wink:

        • admin admin

          @ 老达 承蒙老达的关注,年纪大了,遇到的问题找个博客记录一下,以后遇到类似的问题就不用百度了 呵呵、、、