3

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

  • margin:0 auto不能水平居中的原因:
  • margin:0 auto不能水平居中的解决办法:

作者 网络

发表评论

您的电子邮箱地址不会被公开。