                        课程
                    
                        /前端开发
                        
                            /HTML/CSS
                        
                        /初识HTML(5)+CSS(3)

水平居中总结-不定宽块状元素方法

加入 table 标签法：

任务“补充代码任右侧中的 class 为 wrap 的 div 水平居中显示”

代码： .wrap{ background:#ccc;

display:table;

margin:0 auto; }

中为什么要加入“display : table;”这句话？求大神指导，实在是想不明白

慕粉3847075

2016-08-20

源自：初识HTML(5)+CSS(3) 15-5

关注问题我要回答

284

操作

收起

2 回答

慕粉3585893 回答被采纳 +3 积分
2016-08-21

因为table标签是自适应性标签，长度由其内文本长度决定，可以看作是个定宽块状元素，这样才可以设置margin属性

0 回复有任何疑惑可以回复我~

收起回答

慕粉3847075 提问者

上面这个table上面已经用到了啊，我就是不懂为什么.wrap里面还要加一句display:table; <style> table{ margin:0 auto;} /*下面是任务区代码*/ .wrap{ background:#ccc; display: table; margin:0 auto;} </style> </head> <body> <div> <table> ....... </table> </div> <div class="wrap"> 设置我所在的div容器水平居中 </div> </body> </html>