这个话题挺有意思的，网上给出了很多的解决方案，感觉只有一种方法比较实用。 1: <div style="width:150px; height:150px;display:table-cell; vertical-align:middle;"> 2: <div style="width:150px;"> 3: <div> 4: </div> 其实，如果不考虑IE，并不需要嵌在内部的div。 另外PS另外一个小技巧：img的等比例缩放大小。 1: <img style="max-height:150px; max-width:1... [更多...]

很多时候，我们希望给div加个圆角的边框，或者图片边框。很自然，我们想到九宫格的布局。这时，不应该考虑使用div来实现九宫格，而要使用table来实现，因为作为背景的div的高度宽度无法自适应。如下： auto width auto height   auto height   auto width