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