新闻中心

媒体资讯

提供网站建设、网页设计、网络营销相关专业资讯

浮动框架iframe(二)


关键词:网站建设
发布时间:2019-01-22
浏览次数:1967

3.浮动框架的对齐方式align

浮动框架的对齐方式用于设置浮动框架页面相对于浏览器窗口的水平位置。 


语法:

<iframe src="浮动框架的源文件"align="对齐方式"></iframe>


说明:

它的取值包括左对齐left、右对齐right、居中对齐middle和底部对齐bottom。


举例:

<table height=428 cellspacing=0 cellpadding=0 width=760 ailgn=center border=0>
<body>
<tr>
<td><img height=214 alt="" src="images/777-01.gif" width=64></td>
<td width=637 background=images/777-03.gif rowspan=2>
<iframe src="images/fd.htm" width="620" height="400" align="rign"></iframe>
</td>
<td><img height=214 slt="images/777-03.gif" width=59></td></tr>
<tr>
<td><img height=214 alt="" src="imahes/777-04.gif" width=64></td>
<tb><img height=214 alt="" src="images/777-05.gif" width=59></tb>
</tr>
</body>
</html>

在代码中<iframe src="images/fd.htm" width="620" height="400" align="rign"></iframe>部分的代码标记为设置浮动框架的对齐方式,在浏览器中预览,可以看到浮动框架有对齐的效果,如图9.15所示。


9.15


4.浮动框架滚动条显示属性scrolling

浮动框架的scrolling属性有3中情况,包括不显示,根据需要显示和总显示滚动条。


语法:

<iframe src="浮动框架的源文件" scrolling="是否显示滚动条"></iframe>


说明:

scrolling的取值范围见表9-1所示

表9-1                                                                                                        scrolling的取值范围

属性值  说明
auto   默认值,整个框架在浏览器页面字左对齐
yes  总是显示滚动条,即使页面内容不足以撑满框架范围,滚动条的位置也预留
no 在任何情况下都不显示滚动条


举例:

<table height=428 cellspacing=0 cellpadding=0 width=760 ailgn=center border=0>
<body>
<tr>
<td><img height=214 alt="" src="images/777-01.gif" width=64></td>
<td width=637 background=images/777-03.gif rowspan=2>
<iframe src="images/fd.htm" width="620" height="400" scrolling="yes"></iframe>
</td>
<td><img height=214 slt="images/777-03.gif" width=59></td></tr>
<tr>
<td><img height=214 alt="" src="imahes/777-04.gif" width=64></td>
<tb><img height=214 alt="" src="images/777-05.gif" width=59></tb>
</tr>
</body>
</html>

在代码中<iframe src="images/fd.htm" width="620" height="400" scrolling="yes"></iframe>部分的代码标记为设置显示浮动框架滚动条,在浏览器预览效果,如图9.16所示。


9.16


在实际应用中,浮动框架也很常见,如图9.17所示浮动框架网页。


9.17


本文内容摘取于《网页制作》,仅供参考学习用途!



上一篇:企业建设网站都有哪些好处呢?

下一篇:浮动框架iframe(一)

免费获取网站建设与品牌策划方案报价

*主要业务:网站推广、高端网站建设、集团网站建设等

ewm
业务热线:18577088886 业务QQ:1273192619 公司地址:广西南宁市高新区科园西二路万保大厦4楼
Copyright © 2014-2022 广西南宁云尚网络科技有限公司 ICP备案:桂ICP备14007327号-6
广西南宁云尚网络科技有限公司

提供陪跑式互联网增长服务

联系方式
ewm微信扫一扫

电话:18577088886

Q Q:1273192619

地址:广西南宁市高新区科园西二路万保大厦4楼


南宁网站建设   南宁网站制作
Copyright © 2014-2021 广西南宁云尚网络科技有限公司 ICP备案:桂ICP备14007327号-6 TAG聚合

QQ

在线咨询真诚为您提供专业解答服务

电话

18577088886
7*24小时服务热线

微信

云尚网站建设二维码扫一扫添加微信
TOP