This is a box

这个容器含有较少的内容,但是他的高低却能和较多内容的容器等高

This is another box

这个盒子含有比另外一个更多的内容. 如果所有的容易都作为单元格显示, 那么它的高度将是所有容易的高度. 它现在想表格一样显示, 但是他不是一个表格.

另外, display:table, display:table-row and display:table-cell 使的div显示出像表格一样的效果,可是糟糕的是他不能正常运行在你所熟悉的浏览器IE上,但是它却可以顺利运行于像 Mozilla, Opera, Safari, Firefox, OmniWeb, Camino, and Netscape.这些浏览器上面.然后IE得到供选择CSS,规则防止它完全地毁坏这种布局。

了解更多细节: Equal height boxes with CSS.

这也是个含有较少内容的容器.而且内容是垂直居中显示的

My blog | 这个翻译的页面版权归greengnn所有,转载请注明出处