2011-02-28 35 views
2

我有一個無序的列表,我希望它在頁面中間。因此,我的意思是左邊的子彈應該與文本最長的列表項目的中心垂直對齊,但是在頁面的中心?如何居中列表?

  • 第1項是枯燥
  • 第2項是一個很長的項目確實,哦,是的它是< ===中間字符應該在網頁的中心
  • 項目3幾乎是第1項乏味

,而不是

 
       * item 1 is boring 
    * item 2 is a very long item indeed, oh yes it is 
      * item 3 is almost as boring as item 1 

回答

3

這裏是您與可變寬度中心列表答案:jsfiddle。這是純粹的CSS,並沒有添加任何額外的標籤。

該方法是第一個published here,應該在幾乎所有的瀏覽器中工作。

+0

+1和答案。令人印象深刻的是,謝謝 – Mawg 2011-02-28 13:38:17

+0

Errm,aplogies,但不是答案......但。當我可以將它推斷到一個下拉菜單時,我會給予答案。我發現了幾個與沒有下拉菜單一起工作的例子,但我需要它。 – Mawg 2011-02-28 13:50:19

+0

你可以給任何更多的信息(甚至代碼)如何實現這個下拉列表?該列表應該是下拉菜單嗎? – mqchen 2011-02-28 13:52:32