横向滚动条 以及溢出隐藏

<div style="width: 100px; height: 100px; overflow-x:auto;white-space:nowrap;">
            啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊
        </div>

文字类超出长度浏览器会自动换行

overflow-x:auto;white-space:nowrap;
这样写就不会了

<div style="width: 90px;height:200px;background: red;white-space:nowrap;overflow:hidden;" >
            啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊
            <ul >
            <li ><a href="#" >aaaaaaaaaaaaaaaaaaa </a></li>
            <li ><a href="#" >aa </a></li>
            <li ><a href="#" >aaaaaaaaaaaaaaaaaaa </a></li>
            <li ><a href="#" >aa </a></li>
            <li ><a href="#" >aaaaaaaaaaaaaaaaaaa </a></li>
            <li ><a href="#" >aa </a></li>
            </ul>
        </div>

overflow:hidden;溢出隐藏