html 中 div不定宽度如何水平居中的解决方案
2017-03-07 09:09
218 查看
传统的水平居中样式 margin: 0 auto; 这个方法要求使用这个样式的dom元素,必须同时定义宽度width. 如果dom元素内容是不固定的,那么就无法定义宽度.所以这个地方就很难弄.
经过多次摸索终于找到解决方案. 经过测试发现兼容性还行.
经过多次摸索终于找到解决方案. 经过测试发现兼容性还行.
.SecondMenuBody{ display: table; /*重点就是这个属性,这个样式会告知浏览器当前元素的宽度,采用最小的宽度.不是默认全宽*/ margin: 0 auto; } <div id="父元素" > <div class="SecondMenuBody">这里的内容永远相对父元素水平居中</div> </div>
相关文章推荐
- html 中 div不定宽度如何水平居中的解决方案
- 宽度高度不固定的div 如何水平居中以及垂直居中
- HTML的DIV如何实现水平居中
- 宽度高度不固定的div,如何水平居中以及垂直居中
- 宽度不确定的图片如何在父级的div里面水平居中?
- 如何让div水平居中以及垂直居中,在宽高不定的情况下
- 父元素为一个div,宽度高度不固定,子元素是一个块状元素,宽高已知,如何实现子元素在父元素内水平、垂直居中?
- 百分比宽度div如何水平居中
- 百分比宽度div如何水平居中
- html中div如何水平和垂直居中的几种css方法代码
- 宽度高度不固定的div 如何水平居中以及垂直居中
- HTML的DIV如何实现水平居中
- 如何让高度、宽度不定的容器保持水平、垂直居中
- css使宽度不定的div水平居中
- 如何让div水平居中以及垂直居中,在宽高不定的情况下
- 宽度高度不固定的div如何水平居中与垂直居中(转)
- div宽度不固定的内容水平居中
- 如何让一个DIV水平,垂直方向都居中于浏览器?
- 如何使图片在DIV 中水平垂直居中
- 如何让DIV里面的DIV水平垂直居中