站長資訊網
最全最豐富的資訊網站

css3中calc怎么設置除法

在css3中,可以利用“/”運算符設置calc()函數的除法運算,該函數用于動態計算長度值,參數可設置為一個數學表達式,結果將采用運算后的返回值,語法為“長度屬性:calc(被除數 / 除數)”;在“/”運算符的前后都要保留一個空格。

css3中calc怎么設置除法

本教程操作環境:windows10系統、CSS3&&HTML5版本、Dell G3電腦。

css3中calc怎么設置除法

calc() 函數用于動態計算長度值。

需要注意的是,運算符前后都需要保留一個空格,例如:width: calc(100% – 10px);

任何長度值都可以使用calc()函數進行計算;

calc()函數支持 "+", "-", "*", "/" 運算;

calc()函數使用標準的數學運算優先級規則;

語法為:

calc(expression)

expression 必須,一個數學表達式,結果將采用運算后的返回值。

示例如下:

<!DOCTYPE html> <html> <head> <meta charset="utf-8">  <title>123</title>  <style> input {   padding: 2px;   display: block;   width: calc(100% - 1em); } #formbox {   width: calc(100% / 6);   border: 1px solid black;   padding: 4px; } </style> </head> <body> <form>   <div id="formbox">   <label>Type something:</label>   <input type="text">   </div> </form> </body> </html>

輸出結果;

css3中calc怎么設置除法

(學習視頻分享:css視頻教程)

贊(0)
分享到: 更多 (0)
網站地圖   滬ICP備18035694號-2    滬公網安備31011702889846號
国产精品VA在线观看无码不卡| 日韩成人大屁股内射喷水| 蜜臀98精品国产免费观看| 国产精品后入内射日本在线观看| 国产高清在线精品一本大道| 日韩av无码国产精品| 亚洲欭美日韩颜射在线二| 国产精品特级露脸AV毛片| 成人啪精品视频免费网站| 国产精品久线观看视频| 国产成人精品日本亚洲18图| 91一区二区在线观看精品| 99久久综合给久久精品| 精品国产sm捆绑最大网免费站 | 久久精品天天中文字幕人妻 | 精品无码久久久久国产动漫3d| 亚洲精品国产成人专区| 久久久久亚洲精品成人网小说| 日韩av人人夜夜澡人人爽| 国产三级精品三级在线专区| 国产精品久久毛片| 国产精品综合一区二区三区| 日本精品αv中文字幕| 精品国产不卡在线电影| 日本精品久久久久久福利| 国产精品美女乱子伦高| 国产精品东北一极毛片| 国产成人精品午夜在线播放| 国产亚洲精品精品精品| 日韩土豪美女在线视频观看| 国产精品成人观看视频免费| 真实国产乱子伦精品免费| 亚洲精品无码久久久久久久| 久久成人国产精品免费软件| 国产精品网址你懂的| 国内精品久久久久影院亚洲| 亚洲国产精品网站在线播放| 日韩精品无码区免费专区| 成人精品一区二区不卡视频| 国产精品亚洲综合| 日韩在线永久免费播放|