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

请问display :table-cell;和 display: inline-block;有什么差别呢

display: inline-block;

display :table-cell;

慕盖茨2022422

2016-07-18

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

关注问题我要回答

2535

操作

收起

2 回答

JessieLL 回答被采纳 +3 积分
2016-07-18

display属性用于定义建立布局时元素生成的显示框类型.

inline-block——行内块元素，就是兼具内联元素和块级元素的属性；

table-cell——作为一个表格单元格显示，具有单元格的属性，如垂直居中对齐，关联伸缩等；

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

收起回答

慕盖茨2022422 提问者

非常感谢！解释很到位一下就明白了谢谢

2016-07-29 回复有任何疑惑可以回复我~

君，莫语
2016-07-18

简单讲就是display:inline 转化成内联元素，不换行；display:block转换成块元素，换行；display:inline-block内联块元素，既不换行又可以使用块元素所拥有的属性，类似于块元素加了浮动效果

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

收起回答

慕盖茨2022422 提问者

谢谢，不过inline-block那个算是加了浮动效果么？它本质上不是还是行内元素么，就是可以像块级元素一样可以定义高宽不是么，我是这么理解的有错误的话麻烦指出，非常感谢

2016-07-29 回复有任何疑惑可以回复我~

0/150

提交

取消

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

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

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

进入课程

本课相似问答

1 回答最后一节隐性改变display类型真的是inline-block吗？

1 回答display: flex;

1 回答inline-block

5 回答inline-block

1 回答inline设置block和block设置inline的目的是什么？麻烦帮忙解疑。

搜索更多本课相关问答

请问display :table-cell;和 display: inline-block;有什么差别呢

我要回答关注问题

热搜

最近搜索清空

请问display :table-cell;和 display: inline-block;有什么差别呢

2 回答

本课相似问答

请问display :table-cell;和 display: inline-block;有什么差别呢