HTML教程-各窗口的尺寸设置

452217453

452217453

2016-02-19 20:33

下面图老师小编要向大家介绍下HTML教程-各窗口的尺寸设置,看起来复杂实则是简单的,掌握好技巧就OK,喜欢就赶紧收藏起来吧!

  我们将窗口分割为几块,横向分用ROWS属性,纵向分用COLS属性,每一块的大小可以由这两个属性的值来实现。

  frameset cols=#  例:frameset cols="100,200,300"
  frameset rows=#  例:frameset rows="10%,20%,70%"

  #的值为一对用引号括起来的字符串,字符串中的数字表示每个分窗口所占的尺寸,数字中间用逗号隔开,有几个数字就表示分出了几个窗口。当然,这其中的任何一个数字也可以由“*”来代替,这样表示由浏览器自动设置其大小。

  如:frameset cols="100,200,*"
    frameset cols="100,*,*"   将100像素以外的窗口平均分配
    frameset cols="*,*,*"    将窗口分为三等份

--------------------------------------------------------------------------------

纵向排列多个窗口:

********************************

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/webkaifa/)

frameset cols=30%,20%,50%
  frame src="frame/A.html"
  frame src="frame/B.html"
  frame src="frame/C.html"
/frameset

横向排列多个窗口:

********************************

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/webkaifa/)

frameset rows=25%,25%,50%
  frame src="frame/A.html"
  frame src="frame/B.html"
  frame src="frame/C.html"
/frameset

纵横排列多个窗口:

********************************

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/webkaifa/)

frameset cols=20%,*
  frame src="frame/A.html"
  frameset rows=40%,*
    frame src="frame/B.html"
    frame src="frame/C.html"
  /frameset
/frameset

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/webkaifa/)
展开更多 50%)
分享

猜你喜欢

HTML教程-各窗口的尺寸设置

Web开发
HTML教程-各窗口的尺寸设置

HTML教程-各窗口间相互操作(Frame Target)

Web开发
HTML教程-各窗口间相互操作(Frame Target)

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

HTML教程-多窗口页面(Frames)

Web开发
HTML教程-多窗口页面(Frames)

AutoCAD尺寸标注设置

cad教程 autocad教程 CAD
AutoCAD尺寸标注设置

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

用好HTML的帧窗口标记

Web开发
用好HTML的帧窗口标记

微信头像尺寸是多少 微信头像尺寸比例设置教程

软件教程
微信头像尺寸是多少 微信头像尺寸比例设置教程

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

MySQL数据库技术(17)

MySQL数据库技术(17)

MySQL数据库技术(27)

MySQL数据库技术(27)
下拉加载更多内容 ↓