cols
cols
HTML 標籤的 cols 屬性和 rows 屬性
這兩個屬性都接受用引號括起來並用逗號分開的值列表,這些數值指定了框架的絕對(像素點)或相對(百分比或其餘空間)寬度(對列而言),或者絕對或相對高度(對行而言)。這些屬性值的數目決定了瀏覽器將會在文檔窗口中顯示多少行或列的框架。
與表格一樣,瀏覽器在顯示時會儘可能接近給定的框架集尺寸。但是,瀏覽器不會為了能夠容納下超出邊沿的框架集而擴展文檔窗口的邊界,也不會在指定的框架沒有填滿整個窗口時用空白區域來填滿窗口。相反,瀏覽器會根據一個框架在行和列中相對於其他框架的大小來分配空間,這樣就能夠填滿整個文檔窗口了。(注意到一個主框架文檔中沒有滾動條了嗎?)
在HTML中,cols 屬性具有如下的屬性值:
值 | 描述 |
pixels | 規定列尺寸,以像素計(比如 "100px" 或者只是 "100")。 |
% | 規定列尺寸,以可用空間的百分比計(比如 "50%")。 |
* | 可用空間的剩餘部分將會分配給該列。 |
下面的代碼將創建 3 行框架:
實際上,除非瀏覽器窗口正好是 600 像素高,否則瀏覽器將會自動按照比例延伸或壓縮第一和最後一個框架,使得這兩個框架都佔據 1/4 的窗口空間。中間行將會佔據剩下 1/2 的窗口空間。
用窗口尺寸的百分比表示的框架行和列尺寸數據更加實際。
例如,下面這個示例與剛才那個示例的效果相同:
如果你像我們一樣,那麼將問題綜合起來就不是一件難事。可能有的框架設計人員正為同樣的困難而感到苦惱,這就解釋了為什麼他們要在 <frameset> 的 rows 和 cols 值上加上星號。它告訴瀏覽器要在將相鄰的框架放入框架集之後,給剩下的空間分配各自的行或列。
例如,當瀏覽器遇到下列框架標籤時:
您還可以對多個列或行屬性值使用星號。在這樣的情況下,相應的行或列將對可用空間進行等分,例如:
如果在星號前放置一個整數值,相應的行或列就會相對地獲得更多的可用空間。例如:
從上面的例子可以發現,使用星號(尤其是用數值作為前綴),可以很容易地在一個框架集中分割剩下的空間。