DIV中LI超出宽度不换行解决方法

   div中LI超出宽度换行虽然是个小问题，也是老生常谈，但还是会经常遇到，这里整理出来以备查阅：

CSS样式部分：

div{
    width:200px;
    overflow:hidden;
    white-space:nowrap; /*强制内容不折行显示*/
    border:#333 1px solid;
}
div ul li{
    display:inline-block;/*Firefox3 beta、IE8 beta、Opera、Safari 支持*/
    display:-moz-inline-stack;/* Firefox 的私有属性，也可以用 -moz-inline-box */
    *display:inline;/*一旦IE 下触发了 hasLayout，设置 block 元素为 inline 会使 display:inline 效果与 display:inline-block 相似*/
}

HTML代码部分：

传说中的测试文字
传说中的测试文字
传说中的测试文字
传说中的测试文字
传说中的测试文字
传说中的测试文字
传说中的测试文字

预览效果自己测试去吧