使用框架布局网页(框架居中对齐、左对齐和右对齐的设置方法)

作者(出处):百宝箱工作室发布时间:2014年11月22日 12:45:51查阅量:1002

【例1:框架居中对齐】把框架集的中间列的宽度设置为1024像素,左右两列的宽度自适应浏览器
<frameset cols="*,1024,*"> <!--定义一个3列的框架集,中间列的宽度固定是1024像素-->
 <frame src="about:blank"></frame> <!--定义左边列,没有要显示的网页-->
 <frameset rows="50,*,50"> <!--中间列嵌套一个框架集,该框架集有3行,第1行和第3行的高度固定为50像素-->
     <frame src="A.html"></frame> <!--定义第1行,要显示的网页为A.html-->
     <frame src="B.html"></frame> <!--定义第2行,要显示的网页为B.html-->
     <frame src="C.html"></frame> <!--定义第3行,要显示的网页为C.html-->
 </frameset>
 <frame src="about:blank"></frame> <!--定义右边列,没有要显示的网页-->
</frameset>
【例2:框架左对齐】把框架集的左边列的宽度设置为1024像素,右边列的宽度自适应浏览器
<frameset cols="1024,*"> <!--定义一个2列的框架集,左边列的宽度固定是1024像素-->
 <frameset rows="50,*,50"> <!--左边列嵌套一个框架集,该框架集有3行,第1行和第3行的高度固定为50像素-->
     <frame src="A.html"></frame> <!--定义第1行,要显示的网页为A.html-->
     <frame src="B.html"></frame> <!--定义第2行,要显示的网页为B.html-->
     <frame src="C.html"></frame> <!--定义第3行,要显示的网页为C.html-->
 </frameset>
 <frame src="about:blank"></frame> <!--定义右边列,没有要显示的网页-->
</frameset>
【例3:框架右对齐】把框架集的右边列的宽度设置为1024像素,左边列的宽度自适应浏览器
<frameset cols="*,1024"> <!--定义一个2列的框架集,右边列的宽度固定是1024像素-->
 <frame src="about:blank"></frame> <!--定义左边列,没有要显示的网页-->
 <frameset rows="50,*,50"> <!--右边列嵌套一个框架集,该框架集有3行,第1行和第3行的高度固定为50像素-->
     <frame src="A.html"></frame> <!--定义第1行,要显示的网页为A.html-->
     <frame src="B.html"></frame> <!--定义第2行,要显示的网页为B.html-->
     <frame src="C.html"></frame> <!--定义第3行,要显示的网页为C.html-->
 </frameset>
</frameset>
百宝箱网络工作室  版权所有  
站长QQ:1617818397  站长E-mail:1617818397@qq.com
Powered by www.baibaox.com  Copyright © 2011-2018
点击这里给我发消息  
若本文对您有帮助,请扫码打赏,您的赞助就是最好的动力