html - CSS 空白 :nowrap

Question

问题是vertical-align: top 不起作用

CSS

ul { 
     width: 160px;
    display: block;
    white-space: nowrap;
     overflow: auto; 
    vertical-align: top;
     }
li { 
     width: 80px;
     display: inline-block;
     }

HTML

<div>
   <ul>
       <li>one</li><li>two</li><li>three</li><li>four<br />Test</li>
   </ul>
 </div>

我需要把一、二、三排在最前面，比如四。请帮忙

此处示例 http://jsfiddle.net/Y7PhV/

谢谢

Answer 1

垂直对齐您的 LI 而不是 UL

li {vertical-align:top;}

http://jsfiddle.net/Y7PhV/88/