首 页 网站建设 手机网站 店铺装修 案例展示 关于优客 联系我们
QQ联系
微信联系
手机联系

浮动框架iframe(二)

发布时间:2019-01-22
浏览次数:213

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


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