居中從左邊的列表

Question

我有一個無序列表，其中有相當大的圖像。現在我想看看是否有任何CSS代碼可以用來將該列表居中放置在第一張圖片正好位於頁面中間的位置？

看看這個圖片爲我的意思：

http://i.stack.imgur.com/Nk7cZ.jpg

反正是有使用CSS來做到這一點？甚至JavaScript？

Answer 1

看吧http://jsfiddle.net/ru79c/

我做到了僅通過計算多少保證金的有車身寬度的差異之間 - 圖像寬度的1/2作爲左邊距劃分

編輯 你可以有此當窗口調整大小時也要重新計算，所以它始終保持居中。 http://api.jquery.com/resize/

var leftmargin = ($('body').width() - $('ul li').width())/2; 
$('ul li:eq(0)').css({'margin-left':leftmargin + 'px'}); 
​