我们可以为li分配宽度

Question

我们可以为li分配宽度

我有跟随UL和LI的html页面,我尝试为每个LI分配宽度但是看不到cay成功

   <html>
   <head>
   <style type="text/css"> 

   ul
   { 
      overflow-x:hidden;
     white-space:nowrap; 
     height: 1em;
      width: 100%;
     } 

     li
  { 
    display:inline;
     padding-right:10px;
      }       
      </style>
    </head>
    <body>

    <ul> 
        <li style="width:100px">abcdefghijklmonpqrstuvwxyz</li> 
      <li>abcdefghijklmonpqrstuvwxyz</li> 
   <li>abcdefghijklmonpqrstuvwxyz</li> 
   <li>abcdefghijklmonpqrstuvwxyz</li> 
    <li>abcdefghijklmonpqrstuvwxyz</li> 
     <li>abcdefghijklmonpqrstuvwxyz</li> 
      <li>abcdefghijklmonpqrstuvwxyz</li> 
    </ul> 

    </body>
   </html>

Run Code Online (Sandbox Code Playgroud)

因为我的每个LI都有不同的宽度.

谢谢

Answer 1

Gre*_*ire 23

尝试替换你display:inline的display:inline-block

Answer 2

Dav*_*und 12

不,您无法为内嵌显示的任何内容指定宽度,您可以将其设置LI为.相反,您最常使用display: block; float: left;哪个允许设置宽度.

归档时间：	15 年，6 月前
查看次数：	46492 次
最近记录：	6 年，1 月前