                        课程
                    
                        /前端开发
                        
                            /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

关注问题我要回答

1033

操作

收起

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)-升级版

参与学习 1226153 人
解答问题 18236 个

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

本课相似问答

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

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

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

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

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

搜索更多本课相关问答

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

我要回答关注问题

意见反馈帮助中心 APP下载