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

发布时间:2022-04-12 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了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>&amp;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 预览效果

脚本宝典总结

以上是脚本宝典为你收集整理的html让局部强制出现滚动条不破坏整体的样式和布局全部内容,希望文章能够帮你解决html让局部强制出现滚动条不破坏整体的样式和布局所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。