建站
咨詢
售后
建站咨詢
新聞中心
這里有您想知道的互聯(lián)網(wǎng)營銷解決方案
CSSresize（調(diào)整元素大?。?/div>
為了增強(qiáng)用戶體驗，CSS3 中新增了一個非常實用的 resize 屬性，該屬性允許用戶通過拖動的方式來自由縮放元素的尺寸，在此之前要實現(xiàn)類似的效果還需要借助大量的 JavaScript 代碼。resize 屬性的語法格式如下：
圖：resize 屬性演示
成都創(chuàng)新互聯(lián)公司專業(yè)為企業(yè)提供兩當(dāng)網(wǎng)站建設(shè)、兩當(dāng)做網(wǎng)站、兩當(dāng)網(wǎng)站設(shè)計、兩當(dāng)網(wǎng)站制作等企業(yè)網(wǎng)站建設(shè)、網(wǎng)頁設(shè)計與制作、兩當(dāng)企業(yè)網(wǎng)站模板建站服務(wù)，10多年兩當(dāng)做網(wǎng)站經(jīng)驗，不只是建網(wǎng)站，更提供有價值的思路和整體網(wǎng)絡(luò)服務(wù)。
resize: none|both|horizontal|vertical;
語法說明如下：
- none：用戶無法調(diào)整元素的尺寸；
- both：用戶可調(diào)整元素的高度和寬度；
- horizontal：用戶可調(diào)整元素的寬度；
- vertical：用戶可調(diào)整元素的高度。
在使用 resize 屬性時還需要注意以下幾點(diǎn)：
- 單獨(dú)設(shè)置 resize 屬性是無效的，resize 屬性需要與 overflow 屬性結(jié)合使用才有效，并且 overflow 屬性的值需要設(shè)置為 auto、hidden 或 scroll；
- 并不是所有的元素都可以設(shè)置 resize 屬性，比如 img 和 table 屬性就沒辦法使用 resize 屬性。
示例代碼如下：
通過 resize 屬性您可以調(diào)整元素在水平和垂直方向的大小
運(yùn)行效果如下圖所示：
圖：resize 屬性演示
運(yùn)行上面的代碼，然后通過拖動元素的右下角就可以調(diào)整元素的大小。
名稱欄目：CSSresize（調(diào)整元素大?。?
網(wǎng)站網(wǎng)址：http://m.fisionsoft.com.cn/article/dhosscc.html
