如何將LI設置爲表格單元的行爲

我想使用列表（ul和li）來製作菜單。
至於使用表格單元屬性不是跨瀏覽器，如何造型li s已修復像表格單元適合它的容器？如何將LI設置爲表格單元的行爲

----------------------------------------------------------------------------- 
|  Item 1  |  Item 2  |  Item 3  |  Item 7  | 
-----------------------------------------------------------------------------

注：
1.我被迫使用清單，不能使用表
2.我們不知道有多少項目存在
3.我想這樣做，沒有JavaScript
4.我們不知道怎麼寬度是容器
5.父母ul在寬度上應該只是100%，不使用固定寬度，請

來源

2012-01-18 Omid

你爲什麼不強制使用表？ – 2012-01-18 15:06:10

這就是經理的訂單 – Omid 2012-01-18 15:22:10

語義，菜單是一個列表，所以使用<li>比<table>更合適。 WC3有一個體面的輪廓如何去做here。要固定寬度，請設置<ul>和<li>的寬度。

來源

2012-01-18 15:02:03 dnagirl

ul li {float: left; width: 100px;}

這樣的事情？

或者這樣：http://jsfiddle.net/qLxSh/

來源

2012-01-18 14:59:46 giker

這絕對是你如何做到的。一個問題是，如果你是浮動div，你不知道你有多少，你可能需要開始第二行。如果您使用PHP動態執行此操作，則可以在填充特定數量的「單元格」後清除一行。如果沒有，你可能可以讓我們CSS選擇器清空每一行填充後。 – ckaufman 2012-01-18 15:04:08

我不想開始第二行 – Omid 2012-01-18 15:23:39

你不需要這樣做。我的例子只是說明如果你需要很多元素會發生什麼 - 如果沒有足夠的空間，他們會下降到下一行。 – giker 2012-01-18 15:27:09

恐怕有太多的不要做，因爲它應該是靈活的。

來源

2012-01-18 15:05:06 ogur

ul li { float: left; }

或

ul li { display: inline-block; }

注意，「顯示：內聯塊;」在IE6和IE7上無法正常工作。在這些瀏覽器，必須更換

ul li { display: inline-block; }

與

ul li { display: inline; zoom: 1; }

來源

2012-01-18 16:14:39 talaraj

這裏是最好的方式，使用CSS顯示選項：jsFiddle demo

來源

2015-05-15 13:58:33

如何將LI設置爲表格單元的行爲

回答

相關問題