美文网首页我爱编程
css 设置 margin: 0 auto; 元素水平居中布局无

css 设置 margin: 0 auto; 元素水平居中布局无

作者: 我和我的生活 | 来源:发表于2018-07-26 12:41 被阅读0次

1.  要给居中的元素一个宽度,否则无效。

2. 该元素一定不能浮动,否则无效。

3. 在HTML中使用<center></center>标签,需考虑好整体框架,否则全部元素都会居中的。

4. display: table-cell
     display: table-cell 属性指让标签元素以单元格的形式呈现,类似于td标签。
     目前IE8+以及其他现代浏览器都是支持此属性的。我们都知道,单元格有一些比较特别的属性,例如元素的垂直居中对齐,关联伸缩灯。 与其他一些display属性类型,table-cell同样会被其他一些css属性破坏,例如float, position: absolute, 所以,在使用display: table-cell 与 float:left或是position: absolute属性尽量不要同用。
      设置了display: table-cell的元素对宽度高度敏感, 对margin值无反应,响应padding属性,基本上就是活脱脱的一个td标签元素了。

相关文章

网友评论

    本文标题:css 设置 margin: 0 auto; 元素水平居中布局无

    本文链接:https://www.haomeiwen.com/subject/ujfbmftx.html