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

把要居中的不定宽元素放在内联元素中，再设置margin：0 auto，为什么不能实现居中

既然加table这个方式是因为table的宽度是根据内部内容而定，相当于一个定宽元素，那么内联元素不是也是宽度根据内容而定，那么内联元素也相当于一个内联元素，为什么我试验将要居中的不定宽元素放到内联元素中，设置margin：0 auto不能是先居中效果？求解释，我哪里理解出现问题了，希望大家能指出好改正过来

慕仙9202759

2016-07-19

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

关注问题我要回答

598

操作

收起

2 回答

慕粉1462980269 回答被采纳 +3 积分
2016-07-20

要用margin：0 auto；来设置水平居中，要满足两个条件，第一，定宽。第二，块状元素。

首先，table的宽度随着内容决定，这是相当于定宽的，所以第一个条件符合。table也是属于块状元素，第二个条件也符合。所以table可以用来设置margin ：0 auto；来进行居中。

然而，内联元素，虽然也可以随着内容决定宽度，可是它不是块状元素。所以不能用margin：0 auto；设置居中。

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

慕仙9202759 提问者
2016-07-20

忽略了他是把table视作定宽块状元素了，多谢指出

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

举报

0/150

提交

取消

初识HTML(5)+CSS(3)-升级版

参与学习 1226998 人
解答问题 18247 个

HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义

本课相似问答

1 回答水平居中设置-定宽块状元素

4 回答定宽块状元素_水平居中设置

7 回答内联元素的居中问题

1 回答定宽块状元素的水平居中设置

2 回答在设置定宽块状元素的水平居中时

搜索更多本课相关问答

把要居中的不定宽元素放在内联元素中，再设置margin：0 auto，为什么不能实现居中

我要回答关注问题

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

扫描二维码
关注慕课网微信公众号