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

本教程中，为何不定宽块元素转为display:inline内元素，依然无法居中？

.wrap{
background:#ccc;
display:inline;

text-align:center;
}

zxscdn

2017-12-26

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

关注问题我要回答

1071

操作

收起

1 回答

zxscdn 提问者
2017-12-26

关于方法二中display: inline 不起作用的原因是，块转为内元素后，内元素本身是不具备居中属性的，要居中必须有父元素！可以回想下img的那个居中。这里内元素的父元素只能是body了！

所以正确写法就是
body{text-align:center;}
.wrap{display:inline}

简单理解就是内元素居中必须有父元素！

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

#1

多谢大大，就是这里不明白

2018-02-25 回复有任何疑惑可以回复我~

#2

对了，大大，我发现行内元素设置对中是和你说的一样设置父元素text-align:center 但是那一节讲的时候他的父元素设置的是div啊这里我智能设置body 如果设置div 文字就无法居中了是为什么呢

2018-02-25 回复有任何疑惑可以回复我~

举报

0/150

提交

取消

初识HTML(5)+CSS(3)

参与学习 1231213 人
解答问题 19086 个

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

本课相似问答

2 回答关于定宽块状元素居中

1 回答定宽块状元素居中问题

2 回答定宽块状元素删除margin仍然居中为什么

2 回答不定宽块元素的水平居中问题

2 回答如何将内联元素转换为块状元素

搜索更多本课相关问答

本教程中，为何不定宽块元素转为display:inline内元素，依然无法居中？

我要回答关注问题

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

帮助反馈 APP下载

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

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