最近在寫項目時遇到一個問題,實現一個導航欄,可以左右拖動,溢出body的寬時隱藏掉,于是就這樣:
ul明明是沒有給寬,但發現li會隨著ul父級的寬度進行換行,于是呢,就去網上實驗了幾種方法。 其中有效的一種是這樣:
重點是這樣的,給ul添加了white-space: nowrap;屬性。
此屬性在W3C了解到,是規定段落中的文本不進行換行。
然后將li的浮動屬性刪除,換成了display:inline-block;。
但是呢,轉換為內聯塊又會不兼容ie的低版本(公司要求,必須兼容?。。?。
于是呢,就使用了CSS的hack,在display:inline-block;后面添加*display:linlne; zoom: 1;
到這里,大功告成,可以去愉快的拖動了!