css水平+垂直对齐div中的3个元素

Question

我试图在div中为3个元素的序列设置自己的距离：

1）一个复选框 2）图像 3）文本

我想：

  

1）复选框距离左边框1个像素   包含div +在中间垂直对齐

     

2）图像距离复选框+对齐1像素   垂直在中间

     

3）文本距离图像1个像素+对齐   垂直在中间

如果我使用垂直对齐中间，它会完美地对齐元素，但它不会让我将它们水平放置！

我也为IE或FF找到了很好的解决方案，但我找不到能够为所有浏览器完成工作的1个解决方案！

您可以在此处查看完整代码：

http://jsfiddle.net/WNeLW/

Answer 1

看到这个小提琴它可能对你有所帮助。如果我没有给你带来问题，那么这将有所帮助。

小提琴：http://jsfiddle.net/WNeLW/1/

演示：http://jsfiddle.net/WNeLW/1/embedded/result/

更新了在IE6中测试的代码：

小提琴：http://jsfiddle.net/WNeLW/10/

演示：http://jsfiddle.net/WNeLW/10/embedded/result/