概述
本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。
在html中,可以利用overflow-x属性来禁止横向滚动。如下图:
说明:
overflow-x 属性规定是否对内容的左/右边缘进行裁剪 - 如果溢出元素内容区域的话。当该属性的值为hidden时,会裁剪内容 - 不提供滚动机制。
overflow-x 属性的属性值:
值 | 描述 |
---|---|
visible | 不裁剪内容,可能会显示在内容框之外。 |
hidden | 裁剪内容 - 不提供滚动机制。 |
scroll | 裁剪内容 - 提供滚动机制。 |
auto | 如果溢出框,则应该提供滚动机制。 |
no-display | 如果内容不适合内容框,则删除整个框。 |
no-content | 如果内容不适合内容框,则隐藏整个内容。 |
推荐教程:《html视频教程》
以上就是html怎么禁止横向滚动的详细内容,更多请关注靠谱客其它相关文章!
最后
以上就是淡然过客为你收集整理的html怎么禁止横向滚动的全部内容,希望文章能够帮你解决html怎么禁止横向滚动所遇到的程序开发问题。
如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。
本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
发表评论 取消回复