2010-07-31 60 views
2

多個行我有以下:與單個UL

<ul> 
<li>copy</li> 
<li>copy</li> 
<li>copy</li> 
<li>copy</li> 
<li>copy</li> 
<li>copy</li> 
<li>copy</li> 
<li>copy</li> 
... 50 rows... 
<ul> 

我有一個很長的UL列表中,是否有一個性感辦法可以把它分解成使用CSS 2個或3行?我不能讓多個<ul>的不幸.. :(

感謝任何形式的幫助

+0

本文幫助我將list元素包裝在其容器中:http://actionscript-flash-guru.com/blog/46-multiple-row-ul-multi-line-list-css-html – 2011-06-01 20:51:29

回答

1

如果你的風格元素<li>與‘浮動:左’,也許一個固定的寬度,他們會排隊。排序像一個表是你的意思

可能也想有寬餘&填充玩,並設置「列表樣式:無」?因爲子彈或任何會不會看上去很怪

編輯。 — the CSS可能看起來像這樣:

ul.whatever li { 
    float: left; margin-left: 10px; 
    width: 30%; 
} 

取決於內容等等,當然這會看起來更好還是更糟糕。

+0

我做了嘗試,但沒有工作,我想要的方式:( 你有一個CSS片段,我可以嘗試嗎?UL的類是'list-33' – vick 2010-07-31 00:28:29

+0

@vick - 發生了什麼?爲什麼不是你想要的? ? – Alohci 2010-07-31 00:34:13

+0

可以幫忙嗎?http://www.communitymx.com/content/article.cfm?cid=27f87 – Giacomo 2010-07-31 00:45:45