当前位置:软件学堂 > 资讯首页 > 网络编程 > DIV+CSS > 表单水平分割窗口rows

表单水平分割窗口rows

2012/11/22 10:28:19作者:佚名来源:网络

移动端

【实例介绍】

表单水平分割窗口rows

水平分割窗口是将页面沿水平方向切割,也就是将页面分成上下排列的多个窗口。

【基本语法】

<framest  rows="框架窗口的高度1、框架窗口的高度2,、···">
<frame  src="ur1">
<frame  src="ur2">
···
</framest>

【语法介绍】

rows属性的值代表各子窗口的高度,第一个子窗口的高为高度1,第二个子窗口的高为高度2,以此类推,它由逗号分割的像素值或百分比组成。

【实例代码】

<html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>水平分割窗口</title> </head> <frameset rows="80,*,120" frameborder="yes" border="1" framespacing="1">   <frame src="top.html" name="topFrame" scrolling="No" noresize="noresize" id="topFrame" />   <frame src="zhongjian.html" name="mainFrame" id="mainFrame" />   <frame src="foot.html" name="bottomFrame" scrolling="No" noresize="noresize" id="bottomFrame" /> </frameset> <noframes><body> </body></noframes> </html>

【代码分析】

在代码中,加粗部分的代码rows="80,120*"标记用于设置水平分割窗口,设置第一个窗口的高度为80px,第2个窗口的高度为120px,第3个窗口的高度是全屏的高度减去前两个窗嘲的高度,在浏览器中预览可以看到页面被分为上、中、下3个窗口,如图所示。

水平分割窗口rows运行效果

 【素材及源码下载】

请点击:水平分割窗口rows 下载本实例相关素材及源码

 

标签: 表单  水平分割  窗口