独立站

独立站

div不能居中的设置

发布日期:2021-03-23  点击量:160

一般情况下,div不能居中,div居中失灵是因为页面没有声明引起的:加上
即可

使用margin-left:auto;margin-right:auto; 可以让你的div居中对齐。如
.style{margin-left:auto;margin-right:auto;}
缩写形式为:
.style{margin:0 auto;}
数字0 表示上下边距是0。可以按照需要设置成不同的值。

查看下面的例子:
  
   
   
   
居中div演示效果   
   
   
   
   

居中div演示效果
   
   
   


注意,需要加上上面的那句

才能生效,要是不想要这句的话,也可以给body加一个属性:
body{text-align:center;} 

另外,让div内的内容(包括文字及图片)居中的代码是: text-align:center; 

 

查看更多

请填写您的需求信息,我们会在30分钟内与您取得联系。

同行勿扰,谢谢合作!~