不加宽度居中的四种方法-新闻详情

不加宽度居中的四种方法


发布时间:2017-11-28责任编辑:朱明 浏览:1280


在不设置div元素的宽度(width)的情况下让 div 元素居中的方法,如下四种

HTML:

1.png

第一种方法使用inline-blockCSS

2.png

 

第二种方法强制内联,CSS

3.png

第三种方法相对定位法,CSS

4.png

第四种方法table-cellCSS

5.png

 

总结:推荐使用第一种使用inline-block水平居中的方法,既保留了块级元素特性,而且完美兼容。第四种table-cell方法缺点是不兼容ie6ie7

 


敬业工作室