CSS技巧: display:table;的应用

新的CSS属性值，display:table? 不，这个早就有了，只是，它适用于现代浏览器，而无关IE6。当然，这不影响它的作用，下面，就来开始看看具体的运用吧：

1. 解决Firefox下背景移位问题

在即将出炉的中国风WordPress主题中，需要运用大背景，但在Firefox下，如果应用大背景的话，缩小浏览器的窗口时，背景会移位。这时，就是display:table发挥作用的时候了。

如果你的背景是用在body上，代码如下：

body{background:#f7eecf url(images/header.jpg) no-repeat center top;width:100%;display:table;}

注意后面的两个属性的值，display:table使该元素按table样式渲染，防止了背景移位。更多的关于使用大背景的知识，可以看一下How to: CSS Large Background这篇文章。

2. 基于display:table的CSS布局

今天在GR看到支付宝UED的Catge小朋友发布了这篇文章，把display:table，以及相关的用div来表现出table样式的方法说得很详细，当然，这种布局还是败在IE6这个"伟大"的家伙身上，像Catge权当做一种新知识学习吧，或者，在两年后的今天，这种方法会被广泛使用呢。

对于display你还没能完美的运用其所有的值？哈哈，CSS总是这样的，学也学不完。看完这篇没？推荐一下你看5+有用的CSS技巧，这里也有关于display的另一个值display:inline-block的说明。希望你可以学到新的技巧。