首頁 > 網際網路

怎麼獲取css的寬和高百分比

2019-12-11 21:41:11

css全稱Cascading Style Sheets,是用來表現html或者xml等檔案樣式的語言,因此,css最終效果還是落在頁面的節點上,本文介紹通過Jquery獲取設定在頁面節點上的樣式的高、寬、百分比。

1、jquery的css("height")、css("width")方法獲取到的高度、寬度是含單位的

2、jquery的height()、width()獲取到的高度、寬度是不含單位的,可以直接相除得到百分比

1

建立如下結構的測試檔案



2

在頁面上新增測試節點和相關樣式



3

【高】通過jquery的css屬性獲取節點的高,含單位名稱px



4

【寬】通過jquery的css屬性獲取節點的寬,含單位名稱px



5

【寬/高 百分比】通過jquery的height()、width()方法獲取節點的高、寬,並計算百分比



6

【高/寬 百分比】通過jquery的height()、width()獲取節點的高、寬,並計算百分比




IT145.com E-mail:sddin#qq.com