如何将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