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

display:table居中

评论里说用display:table居中是什么原理？

HoldSworder

2016-07-07

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

关注问题我要回答

863

操作

收起

3 回答

nickylau82 回答被采纳 +3 积分
2016-07-19

http://www.zhangxinxu.com/wordpress/2010/10/我所知道的几种displaytable-cell的应用/

建议你看看这篇博客。解释的很详细

简单的说就是把不定宽的块级元素变成一个具有tabel-cell特性的元素

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

收起回答

HoldSworder 提问者

非常感谢！

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

nickylau82 回复 HoldSworder 提问者

不客气，共同学习共同进步。张鑫旭的博客是我个人学习收获最多的地方，建议你多看看能学到很多实用的。

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

我想我应该去读书
2016-07-07

是利用table标签的长度自适应性---即不定义其长度也不默认父元素body的长度（table其长度根据其内文本长度决定），因此可以看做一个定宽度块元素，然后再利用定宽度块状居中的margin的方法，使其水平居中。

第一步：为需要设置的居中的元素外面加入一个 table 标签 ( 包括 <tbody>、<tr>、<td> )。

第二步：为这个 table 设置“左右 margin 居中”（这个和定宽块状元素的方法一样）。

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

收起回答

weibo_
2016-07-07

你指的应该是display:table-cell吧，也就是说你使用了它效果等同于是一个单元格显示，然后单元格本身具有垂直剧中的属性，所有这么一来就能达到垂直居中的效果了

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

收起回答

0/150

提交

取消

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

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

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

进入课程

本课相似问答

4 回答居中使盒子1居中

5 回答div居中

4 回答怎么居中？

2 回答图片怎么居中，想让图片居中

3 回答15-2中居中语法有问题，无法居中

搜索更多本课相关问答

display:table居中

我要回答关注问题

热搜

最近搜索清空

display:table居中

3 回答

本课相似问答

display:table居中