如何將ul標籤中的所有元素設置爲相同的最大寬度（用文字換行）？

Question

所以我有像按鈕的列表：

<ul> 
<li><FORM><INPUT type="button" value="some page!" onClick="window.open('http://www.pageresource.com/jscript/jwinopen.htm','jwinopen','width=400,height=200,left=0,top=100,screenX=0,screenY=100')"></FORM></li> 
<li><FORM><INPUT type="button" value="other page!" onClick="window.open('http://www.adobe.com/devnet/air/samples_actionscript.html','samples_actionscript','width=400,height=200,left=0,top=100,screenX=400,screenY=100')"></FORM></li> 
</ul> 

我希望所有的按鈕是最大按鍵尺寸並具有一定的文字換行。如何做這樣的事情？ （IE6，Firefox）的

Answer 1

這應該讓你開始：

input[type="button"], .ieButton { 
    max-width: 150px; 
    padding: 5px 10px; 
    word-wrap: break-word; 
    height: auto; 
    background-color: red; 
} 

但IE6沒有按;噸承認css選擇器，所以你應該給每個buton一個類'ieButton並使bie6特定的CSS（沒有附近的電腦，所以我不能檢查即你）

Answer 2

使用CSS

ul > li > form input {width: 42px} 

以這種形式將匹配所有後代<input>s