2012-03-18 99 views
0

我試圖把我自己距離一個div內的3個元素的序列:CSS對齊水平+垂直三個元素wihin一個div

1)複選框 2)圖像 3)文本

我想:

1)的複選框成爲從中間

垂直排列的內含div +的 左邊框1個像素遙遠

2)中的圖像是從該複選框+垂直中間

3)文本對齊 1個像素遠離從圖像+垂直中間

對準 1個像素遙遠如果我使用垂直對齊中間對齊完美的元素,但它不讓我把它們水平放置!

我也爲IE或FF找到了很好的解決方案,但是我找不到能解決所有瀏覽器問題的解決方案!

你可以看到完整的代碼在這裏:

http://jsfiddle.net/WNeLW/

+0

見我的答案,如果我落後一些地方讓我知道,所以我可以更好地理解你的要求。 – w3uiguru 2012-03-18 12:51:05

+0

親愛的檢查我更新的小提琴...並讓我知道如果仍然有任何問題,你面臨..所以我可以在它上面解決你的問題.... – w3uiguru 2012-03-19 02:11:35

回答

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/

+0

不幸的是,它適用於FF和Chrome,但不是在IE 7和更低,這顯示了一個完全搞砸的佈局! – 2012-03-18 16:29:30