首页前端开发HTMLhtml让局部强制出现滚动条不破坏整体的样式和布局

html让局部强制出现滚动条不破坏整体的样式和布局

时间2024-01-27 07:50:02发布访客分类HTML浏览745
导读:收集整理的这篇文章主要介绍了html让局部强制出现滚动条不破坏整体的样式和布局,觉得挺不错的,现在分享给大家,也给大家做个参考。 先贴出效果图: 局部出现滚动条,这样就不会破坏整体的样式和布局了. 范例代码: 复制代码代码如下:...
收集整理的这篇文章主要介绍了html让局部强制出现滚动条不破坏整体的样式和布局,觉得挺不错的,现在分享给大家,也给大家做个参考。 先贴出效果图:
 
局部出现滚动条,这样就不会破坏整体的样式和布局了.

范例代码:

复制代码代码如下:
htML>
head>
meta http-equiv="Content-tyPE" content="text/html; charset=gb2312">
tITle> html页面内加横向滚动条/title>
/head>
body>
DIV style=" OVERFLOW-X: scroll; scrollbar-face-color:#B3DDF7; scrollbar-shadow-color:#B3DDF7; scrollbar-highlight-color:#B3DDF7; scrollbar-3dlight-color:#EBEBE4; scrollbar-darkshadow-color:#EBEBE4; scrollbar-track-color:#F4F4F0; scrollbar-arrow-color:#000000; width:752px; HeiGHT: 380px" align=center>
table width="1440" border="0" cellspacing="0" cellpadding="0">
tr>
td> p/td>
td> & nbsp; /td>
td> & nbsp; /td>
td> & nbsp; /td>
td> & nbsp; /td>
/tr>
tr>
td> & nbsp; /td>
td> pppppppppppppppppp/td>
td> ppppppppppppp/td>
td> ppppppppppppppppppp/td>
td> ppppppppppppppppppppppppppppppp/td>
/tr>
tr>
td> & nbsp; /td>
td> & nbsp; /td>
td> & nbsp; /td>
td> & nbsp; /td>
td> & nbsp; /td>
/tr>
/table>
/div>
/body>
/html>

拷贝上面代码到 文本文档, 修改文本后缀名,txt 为 .html 预览效果

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!

html局部滚动条

若转载请注明出处: html让局部强制出现滚动条不破坏整体的样式和布局
本文地址: https://pptw.com/jishu/587922.html
html-css设置标签样式不起作用的2点原因 html中的javascript 全选/取消全选操作示例代码

游客 回复需填写必要信息