99re热这里只有精品视频,7777色鬼xxxx欧美色妇,国产成人精品一区二三区在线观看,内射爽无广熟女亚洲,精品人妻av一区二区三区

5.4 控制定位了的要素

2018-11-06 18:46 更新
5.4 控制定位了的要素


除了控制定位要素的左上角位置,你還可以控制要素的寬度和高度,及要素在頁(yè)面的可視性。


寬度


定位了的要素在頁(yè)面上顯示時(shí)仍然會(huì)從左到右一直顯示。利用寬度屬性就可以設(shè)定字符向右流動(dòng)的限制,即設(shè)定要素的寬度。

    DIV { position: absolute; left:
    200px; top: 40px; 
    width: 150px }



瀏覽器接到這項(xiàng)規(guī)則時(shí),它將文字按照規(guī)則規(guī)定的效果顯示,還將段落的最大水平尺寸限制在150象素。見(jiàn)范例。


寬度屬性只適用于絕對(duì)定位的要素。你可以使用我們學(xué)過(guò)的任何一種長(zhǎng)度單位,或使用比例值設(shè)定寬度,比例值指相對(duì)于母體要素的比例。


IE 4中,這項(xiàng)屬性還可用于圖象。你可以通過(guò)寬度設(shè)置人為地拉寬或壓縮圖象。


高度


理論上講,高度應(yīng)該和寬度的設(shè)置類(lèi)似,只不過(guò)是在垂直方向上:

    DIV { position: absolute; left: 200px; top: 40px; 
    height: 150px }



這里我用了“理論上講”,因?yàn)槌S玫膸追N瀏覽器都不支持高度屬性。(你最多只能在IE 4中用高度設(shè)置拉長(zhǎng)圖象。)


可視性


利用CSS,你可以隱藏要素,使其在頁(yè)面上看不見(jiàn)。這條屬性對(duì)于定位了的和未定位的要素都適用。

    H4 { visibility: hidden }



我很想給你看一個(gè)例子,但是,因?yàn)橐獙⑺O(shè)為看不見(jiàn),那我這個(gè)例子讓你看什么呢?


選項(xiàng):

  • visible使要素可以被看見(jiàn)

  • hidden使要素被隱藏

  • inherit指它將繼承母體要素的可視性設(shè)置。


當(dāng)一個(gè)要素被隱藏后,它仍然要占據(jù)瀏覽器窗口中的原有空間。所以,如果你將文字包圍在一幅被隱藏的圖象周?chē)?,那么,其顯示效果將是文字包圍著一塊空白區(qū)域。


這條屬性在編寫(xiě)語(yǔ)言和使用動(dòng)態(tài)HTML時(shí)很有用,比如你可以使某段落或圖象只在鼠標(biāo)滑過(guò)時(shí)才顯示。


Communicator不支持可視性屬性。只有IE 4的用戶可以享受其美妙之處!



以上內(nèi)容是否對(duì)您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)