margin: 0 auto水平居中无效的解决方法

作者: wait_cynthia | 来源:发表于2018-12-19 22:05 被阅读0次

html代码

<div class="box">
      <img src="" alt="" class="center">
</div>

所以css代码如下

.box{
  width: 400px;
}
.center{
  display: block;  // 块级元素可以不加
  width: 100px;   // 必须要有
  margin: 0 auto;
}

如有不对的地方或更好的方法请指出，感谢您的阅读

关于居中
1.水平居中的 margin：0 auto; a.图片设为块级，margin：0 auto; b.不浮动 ...
html,css篇
一.水平垂直居中 1.水平居中 ①margin:0 auto; 2.垂直居中 ①li...
让元素绝对居中
我们都知道margin:0 auto;的样式可以让元素水平居中，但是margin:auto;却不能让元素垂直居中，...
CSS 小知识点
background包含border margin：0 auto；左右居中 margin：auto 0；垂直居中 ...
margin: 0 auto水平居中无效的解决方法
html代码首先需要居中的元素必须能设置宽度(display: block;) 设置需要居中的元素宽度所以cs...
CSS居中的几种方式
1.水平居中的 margin：0 auto; 2.水平居中 text-align：center; 3.水平垂直居中...
CSS小技巧
1.元素水平居中内联元素水平居中text-align:center; 块元素水平据居中margin:0 auto...
css居中
1：margin: 0 auto；水平居中 2：html, body { width: 100%; height:...
H5中垂直上下居中的解决方案
在CSS中，则要吐槽一下，利用margin:0 auto;可以达到水平方向的居中，但是margin: auto 0...
一列水平居中
margin: 0 auto;一列水平居中该元素一定不能浮动，否则无效。内联块元素和内联元素设置居中要变成块元...