常見尺寸與間距

2022-04-12 04:24:45 字數 2290 閱讀 9970

一、常見尺寸

1.width() 方法設定或返回元素的寬度(不包括內邊距、邊框或外邊距)。    

$("#div1").width(500)

$("#div1").width('300')

$("#div1").width('300px')

$("#div").width(100).height(200)

擴充套件:js中scrollwidth:獲取物件的滾動寬度   (    判斷容器內容是否溢位 :  $(selector).get(0).scrollwidth > $(selector).width()     )

說明:1). 寬高都寫在樣式表裡,就比如#div1,

通過#div1.style.width拿不到寬度,

而通過#div1.offsetwidth才可以獲取到寬度;

2). 寬和高是寫在行內中,比如style="width:120px;",這中情況通過上述2個方法都能拿到寬度

2.innerwidth() 方法設定或返回元素的寬度(包括內邊距)。

3.outerwidth() 方法設定或返回元素的寬度(包括內邊距和邊框)。

4.outerwidth(true) 方法返回元素的寬度(包括內邊距、邊框和外邊距 ,);      總結 :  width()<=innerwidth()<=outerwidth()<=outerwidth(true)。

5.可視區域高度

$(window).height()

js相容寫法:

var w=window.innerwidth

|| document.documentelement.clientwidth

|| document.body.clientwidth;

var h=window.innerheight

|| document.documentelement.clientheight

|| document.body.clientheight;

6.文件高度

$(document).height()

7.滾動條到頂部的垂直高度

$(document).scrolltop()

js:  document.documentelement.scrolltop    document.body.scrolltop

8.滾動條到左邊的垂直寬度

$(document).scrollleft()

$(『div』).scrollleft(100)

二、間距

1.offset() 方法返回或設定匹配元素相對於文件的偏移(位置)。    (以左上角為0,0的相對偏移:正值)   

$("#div1").offset()    // 

$("p").offset($("span").offset());   // 重疊兩元素

2.position() 方法返回匹配元素相對于父元素的位置(偏移)。  (用法同offset() ,只是不能設定,同時其參照是其父元素)

$("p").position().left()
3.offsetparent() 方法返回最近的祖先定位元素( css position 屬性被設定為 relative、absolute 或 fixed 的元素)。

$("p").offsetparent().css("background-color","red");

4. offsetleft屬性 ,js提供:元素的邊框的外邊緣距離與已定位的父容器(offsetparent)的左邊距離      &&  offsettop       ($("p").get(0).offsetleft)

offsetwidth:元素內容寬度+內邊距+邊框,不包括外邊距    &&  offsetheight

clientleft:元素邊框的左邊框寬度    &&  clienttop

clientwidth:用於描述元素內尺寸寬度,是指 元素內容+內邊距 大小,不包括邊框、外邊距、滾動條部分   &&   clientheight

scrollwidth:內容區域尺寸加上內邊距加上溢位尺寸,當內容正好和內容區域匹配沒有溢位時,這些屬性與clientwidth和clientheight相等    &&   scrollheight

scrolltop:滾動條上方滾動高度   &&     scrollleft

jquery中width和js中js中關於clientwidth offsetwidth scrollwidth 等的含義

js獲取元素相對視窗位置的實現**

常見的海報標準尺寸

一 一般海報尺寸 普通海報尺寸 42cm 57cm 寬 高 大度四開 57cm 84cm 寬 高 大度對開 二 宣傳海報尺寸 商用海報尺寸 50cm 70cm 寬 高 57cm 84cm 寬 高 大度對開 三 標準海報尺寸 13cm 18cm 19cm 25cm 42cm 57cm 50cm 70c...

LaTex段落與間距

1.水平間距。quad 插入相當於當前字型大小的空白 qquad 是 quad的兩倍 空白比較小 hfill 根據排版需要插入空白,撐滿整行 hspace和 hspace hphantom 插入相當於所輸入文字寬度的寬度 2.垂直間距。vspace和 vspace 3.段落首行縮排。導言區中加入 s...

相機尺寸與景深

標題的另一種說法是,拿到乙個待光學檢測的產品後,應該如何選相機和鏡頭?其最重要的考量因素有哪些呢?首先要考量的就是將影象拍清晰,即畫素尺寸要足夠的小。畫素尺寸是指乙個畫素所佔的實際物理範圍。比如說,乙個5um 5um的矩形,如果畫素尺寸為5um 5um,該矩形在影象中乙個點。如果畫素尺寸為1um 1...