文章詳情頁(yè)
css3 - 如何出現(xiàn)橫向捲軸?
瀏覽:168日期:2023-07-02 11:35:12
問題描述
想請(qǐng)問一下我撈資料在網(wǎng)頁(yè)上顯示假設(shè)大小是300x200我希望撈出來的資料能一直往右擺然後當(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)只是我的撈出來的資料沒有顯示完全如何讓撈出來的資料無限制的往右擺?我每個(gè)p都是300x200
問題解答
回答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è)置多些
標(biāo)簽:
CSS
上一條:css3 隱藏文本下一條:css3 - progress漸變效果css
相關(guān)文章:
1. mysql優(yōu)化 - 關(guān)于mysql分區(qū)2. php laravel框架模型作用域3. vue.js - vue 打包后 nginx 服務(wù)端API請(qǐng)求跨域問題無法解決。4. node.js - 在vuejs-templates/webpack中dev-server.js里為什么要exports readyPromise?5. java - Atom中文問題6. 請(qǐng)教各位大佬,瀏覽器點(diǎn) 提交實(shí)例為什么沒有反應(yīng)7. javascript - ionic2 input autofocus 電腦成功,iOS手機(jī)鍵盤不彈出8. html5 - 如何實(shí)現(xiàn)帶陰影的不規(guī)則容器?9. css3 - 這個(gè)形狀使用CSS怎么寫出來?10. javascript - 為什么這個(gè)點(diǎn)擊事件需要點(diǎn)擊兩次才有效果
排行榜

熱門標(biāo)簽