display: table-cell;表示什么

display：table-cell;vertical-align：middle什么意思~

display:table-cell属性指让标签元素以表格单元格的形式呈现，类似于td标签。

vertical-align 属性设置元素的垂直对齐方式。把此元素放置在父元素的中

直接用css clear:both试试看行不行

一、display:table-cell属性简述

display:table-cell属性指让标签元素以表格单元格的形式呈现，类似于td标签。目前IE8+以及其他现代浏览器都是支持此属性
的，但是IE6/7只能对你说sorry了，这一事实也是大大制约了display:table-cell属性在实际项目中的应用。

我们都知道，单元格有一些比较特别的属性，例如元素的垂直居中对齐，关联伸缩等，所以display:table-cell还是有不少潜在的使用价
值的，虽说IE6/7不支持此属性，但是幸运的是，IE6/7一些乱糟糟的属性与渲染，我们可以其他方法实现同样或是类似的效果。

与其他一些display属性类似，table-cell同样会被其他一些CSS属性破坏，例如float,
position:absolute，所以，在使用display:table-cell与float:left或是position:absolute
属性尽量不用同用。设置了display:table-cell的元素对宽度高度敏感，对margin值无反应，响应padding属性，基本上就是活脱
脱的一个td标签元素了。

二、display:table-cell与大小不固定元素的垂直居中

使用display:table-cell让大小不固定元素垂直居中已经是很老的方法了，关于此应用，我已经在“大小不固定的图片、多行文字的水平垂直居中”这篇文章中有过介绍。

方便阅读，这里再次展示下代码：

/*这里的大小是根据高宽上限128像素图片设置的*/
div{display:table-cell; width:1em; height:1em; border:1px solid #beceeb; font-size:144px; text-align:center; vertical-align:middle;}
div img{vertical-align:middle;}

display-单词讲解（释义、例句）

---

新会区14782128090： display: table - cell;表示什么？
爱敬复方： 一、display:table-cell属性简述 display:table-cell属性指让标签元素以表格单元格的形式呈现,类似于td标签.目前IE8+以及其他现代浏览器都是支持此属性 的,但是IE6/7只能对你说sorry了,这一事实也是大大制约了display:table-cell属性在实际项...

新会区14782128090： bootstrap栅格系统中如何实现垂直居中 - ？
爱敬复方： 不能居中的罪魁祸首是 col-sm-* 的 float: left 样式,因为对于 col-sm-* 而言,只要屏幕宽度不小于 @screen-sm-min 就不会折行,所以可以考虑不使用 float: left 而是用 display: table-cell 来实现对齐,这样就能比较好的解决居中问题了.不过问题...

新会区14782128090： display:table - cell;vertical - align:middle什么意思 - ？
爱敬复方： display:table-cell属性指让标签元素以表格单元格的形式呈现,类似于td标签.vertical-align 属性设置元素的垂直对齐方式.把此元素放置在父元素的中

新会区14782128090： 如何实现三个同行div自适应内容高度且指叨纫恢 - ？
爱敬复方： 方法:1、@dolymood 的方法:为父元素设置 overflow:hidden.再为子元素设置大的 padding-bottom 属性,再用稍大一点的 margin-bottom 属性抵消;2、@pantao @MockingBird 的方法采用了table布局,父元素 display:table,子元素 display:table-ceil;

新会区14782128090： 如何理解CSS的display属性 - ？
爱敬复方： display属性是我们在前端开发中常常使用的一个属性,其中,最常见的有:none block inline inline-block inherit 下面,我将按照顺序将上述几种属性做一个完整的讲解.第一部分:display:none none这个值表示此元素将不被显示.比如,当我们...

新会区14782128090： css中,display的作用是什么? - ？
爱敬复方： display 属性设置是否及如何显示元素. display 显示状态 display:none 隐藏 display:block 块显示 display:inline 内嵌 display:table 表格显示 display:list-item 项目列表 这个属性用于定义建立布局时元素生成的显示框类型.对于 HTML 等文档类型,如果使用 display 不谨慎会很危险,因为可能违反 HTML 中已经定义的显示层次结构.对于 XML,由于 XML 没有内置的这种层次结构,所有 display 是绝对必要的.

新会区14782128090： 怎么让一个div在另一个div中垂直居中 - ？
爱敬复方： 需要三层DIV嵌套 最外层DIV设置样式display:table; 中间层DIV设置 display: table-cell;vertical-align: middle; 最里层的DIV就会在中间层DIV中垂直居中 概念就是把最外层模拟成table 中间层模拟成一个td标签 td标签可以使用vertical-align: middle;将内部元素进行垂直居中

新会区14782128090： css问题,怎么让div中的容器靠下对齐 - ？
爱敬复方： div里面的文字底部对齐可以通过设置如下css样式实现 display:table-cell

新会区14782128090： table cell是什么意思 - ？
爱敬复方： table cell 表格单元; 表格单元格; [例句]The selection includes a table cell boundary. Deleting and copying are not allowed.选择的对象中包含了表格单元边界.不允许进行复制或删除.

新会区14782128090： 如何让div中的文字垂直居中显示 - ？
爱敬复方： 使文字在div中水平和垂直居中的的css样式为 1 2 text-align:center; /*水平居中*/ line-height: 20px; /*行距设为与div高度一致*/ 示例如下: HTML元素 1 水平垂直居中 css样式 1 2 3 4 5 6 7 div{ width:200px;height:200px; /*设置div的大小*/ border:1px solid green; /*边框*/ text-align: center; /*文字水平居中对齐*/ line-height: 200px; /*设置文字行距等于div的高度*/ overflow:hidden; } 显示效果