首 頁 網站建設 手機網站 店鋪裝修 案例展示 關于優客 聯系我們
QQ聯系
微信聯系
手機聯系

浮動框架iframe(二)

發布時間:2019-01-22
瀏覽次數:400

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


本文內容摘取于《網頁制作》,僅供參考學習用途!


7位数开奖结果