用ul組織一些內容（看起來像網格一樣）

嗨，大家好，我需要在選擇div中顯示來自巴西的所有27個狀態，我真的需要使用UL來完成它..這是他們應該如何進行的投影看： alt text http://img24.imageshack.us/img24/8726/statesf.jpg 用ul組織一些內容（看起來像網格一樣）

而這是一個UL的：你會建議？我可以使用這個標記嗎？

<ul class="ufLista"> 
       <li> 
        <ul> 
         <li><a href="#" title="AC">AC</a></li> 
         <li><a href="#" title="AL">AL</a></li> 
         <li><a href="#" title="AM">AM</a></li> 
        </ul> 
       </li> 
       <li> 
        <ul> 
         <li><a href="#" title="CE">CE</a></li> 
         <li><a href="#" title="DF">DF</a></li> 
         <li><a href="#" title="ES">ES</a></li> 
        </ul> 
       </li> 
       <li> 
        <ul> 
         <li><a href="#" title="MT">MT</a></li> 
         <li><a href="#" title="MS">MS</a></li> 
         <li><a href="#" title="MG">MG</a></li> 
        </ul> 
       </li> 
      </ul>

來源

2009-12-11 Vitor Reis

您的圖片缺失。 – Joey 2009-12-11 16:29:41

是否有這些列表嵌套的必要性？如果這只是一個列表，如：

<ul> 
<li>one</li> 
<li>two</li> 
<li>three</li> 
<li>Four</li> 
<li>five</li> 
<li>six</li> 
<li>seven</li></ul>

然後，你可以用它樣式：

ul { width: 300px; list-style: none; line-height: normal; } 
li { float: left; width: 98px; border: 1px black solid; }

，並很容易地得到一個「網格」的效果。

來源

2009-12-11 16:47:02 Erik

由於圖像丟失，我只能猜測，但「網格狀」的標題所暗示某種表格佈局。您可以將CSS display property設置，然後將引發類似表格顯示某些值：

表，內聯表，錶行組，表列，表列組，表，報頭 - 組表，表格行，表格單元格和表格說明

這些值會導致元素的行爲類似於表格元素（受制於表格章節中描述的限制）。

此進行更詳細的描述The CSS Table Model。

來源

2009-12-11 16:32:08 Joey

要以類似網格的方式組織數據，請使用<table>而不是使元素像表格一樣工作。這就是它的發明，它仍然是正確的解決方案。

編輯：正如你需要用LIs做的那樣：在表格中以類似的方式呈現標記應該沒問題。給內部<ul>一個width: 100%, clear: both和overflow: auto。給內部<li> s float: left和相對或絕對寬度相當於ul的100％。

來源

2009-12-11 16:51:40

我不害怕像大多數新的「Web 2.0設計師」那樣使用表格，事實是，我試圖修復已經存在的東西，它需要成爲一個列表 – 2009-12-11 17:12:28

啊，我看到了。 ----- – 2009-12-11 17:14:50

用ul組織一些內容（看起來像網格一樣）

回答

相關問題