表單水平分割窗口rows

2012/11/22 10:28:19作者：佚名來源：網(wǎng)絡(luò)

移動端

【實例介紹】

表單水平分割窗口rows

水平分割窗口是將頁面沿水平方向切割，也就是將頁面分成上下排列的多個窗口。

【基本語法】

【語法介紹】

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*"標(biāo)記用于設(shè)置水平分割窗口，設(shè)置第一個窗口的高度為80px，第2個窗口的高度為120px，第3個窗口的高度是全屏的高度減去前兩個窗嘲的高度，在瀏覽器中預(yù)覽可以看到頁面被分為上、中、下3個窗口，如圖所示。

水平分割窗口rows運行效果