简要咨询咨询QQ网站导航网站搜索手机站点联系我们设为首页加入收藏 

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

来源:易贤网   阅读:2432 次  日期:2016-06-21 10:04:23

温馨提示:易贤网小编为您整理了“html让局部强制出现滚动条不破坏整体的样式和布局”,方便广大网友查阅!

局部出现滚动条,这样就不会破坏整体的样式和布局了,下面有个不错的示例,大家可以拷贝代码到文本文档修改文本后缀名,txt 为 .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 预览效果

更多信息请查看网页制作
点此处就本文及相关问题在本站进行非正式的简要咨询(便捷快速)】     【点此处查询各地各类考试咨询QQ号码及交流群
上一篇:html5开发之viewport使用
下一篇:html的基本使用包括链接、样式表、span和div等等
易贤网手机网站地址:html让局部强制出现滚动条不破坏整体的样式和布局
由于各方面情况的不断调整与变化,易贤网提供的所有考试信息和咨询回复仅供参考,敬请考生以权威部门公布的正式信息和咨询为准!