我对放置在表格单元格内的 div 有疑问。单元格具有固定高度,并且 div 相对于 height:100% 定位。
td {
height:80px;
width: 80px;
}
.cell_text {
display: table-cell;
vertical-align: middle;
width: 100%;
height: 100%;
position:relative;
}
当我更改 div 的内容并且 div 高度变得大于单元格高度时,就会出现问题。IE 和 FF 的行为如下:
下图说明了 Chrome 的行为:
Chrome 的行为正是我所需要的,我怎样才能让它在 IE 和 Firefox 中以同样的方式工作?