css3 - 如何出現(xiàn)橫向捲軸?
問(wèn)題描述
想請(qǐng)問(wèn)一下我撈資料在網(wǎng)頁(yè)上顯示假設(shè)大小是300x200我希望撈出來(lái)的資料能一直往右擺然後當(dāng)超出瀏覽器大小時(shí)出現(xiàn)橫向x軸 且不出現(xiàn)y軸
overflow-x:auto;overflow-y:hidden;
如同itunes app store那樣這該怎麼做呢?我試了他都不出現(xiàn)x軸
overflow:scroll; overflow-Y:hidden;
這樣是有出現(xiàn)只是我的撈出來(lái)的資料沒(méi)有顯示完全如何讓撈出來(lái)的資料無(wú)限制的往右擺?我每個(gè)p都是300x200
問(wèn)題解答
回答1:這種樣子知道是不是你想要的呢
<p> <ul><li></li><li></li><li></li><li></li><li></li> </ul></p>
css*
p{ width: 300px; height: 200px; overflow: scroll;}ul{ width:2000px; //設(shè)成ul內(nèi)所有元素寬度總和}li{ width: 200px; height: 100px; float: left;}回答2:
那就把p的寬設(shè)置多些
相關(guān)文章:
1. android - Genymotion 微信閃退 not find plugin.location_google.GoogleProxyUI2. mac里的docker如何命令行開(kāi)啟呢?3. html5 - 微信瀏覽器視頻播放失敗4. angular.js - 關(guān)于ng-model和ng-bind的疑問(wèn)5. javascript - 單個(gè)控件多個(gè)字段搜索6. javascript - npm安裝報(bào)錯(cuò) 系統(tǒng)w7 求大神解答7. 如何使用jQuery來(lái)提取一個(gè)HTML 標(biāo)記的屬性 例如. 鏈接的href ?8. angular.js - 在ionic下,利用javascript導(dǎo)入百度地圖,pc端可以顯示,移動(dòng)端無(wú)法顯示9. android webview返回自動(dòng)刷新10. html - 特殊樣式按鈕 點(diǎn)擊按下去要有凹下和彈起的效果
