今天需要用css在单元格中实现垂直居中,没有生效。
于是上网上搜索“css表格内容垂直居中”,找到很多文章,
大多这样开头“一直以为居中只是个小问题,但是原来很难实现,在网上找了很多方法,但是就是无法垂直居中……”。
于是以为面临着一个很大的问题。
按网上提到的方法试验了一个多小时,还是没有成功。
正在苦闷之中,求教同事,同事打开一个editplus,写了几行代码,两个td,用一个"vertical-align:middle;"。
“奇迹”发生了,居然可以垂直居中。
这样也太简单了,之前我就是用vertical-align没有成功,才去网上找的各种变通办法的。
回来查代码,自己的代码已经被改的很复杂了,被套了N层DIV。
可能是其他某个样式影响了这个td,才造成最初的vertical-align失效的。
吸取一个教训:当调试时,应该从简单的环境开始,以免被太多其他因素影响判断。