中文字幕av专区_日韩电影在线播放_精品国产精品久久一区免费式_av在线免费观看网站

溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

calc()函數如何使用

發布時間:2022-03-03 09:22:59 來源:億速云 閱讀:248 作者:小新 欄目:web開發

小編給大家分享一下calc()函數如何使用,相信大部分人都還不怎么了解,因此分享這篇文章給大家參考一下,希望大家閱讀完這篇文章后大有收獲,下面讓我們一起去了解一下吧!

  通常設置布局和大小,都是如100px和3em這樣來設置的,但你可以通過calc函數使用100px+50px或3em-1em等進行算術運算來設置。

  首先我們來看看如何使用calc()函數?

  我們使用calc函數都是通過指定計算公式來設置大小,比如:

  width:calc(100px+50px);

  或者

  font-size:calc(3em+1em);

  我們下面來看具體的示例

  代碼如下

  創建calc.html并編寫以下HTML文件

  <!DOCTYPEhtml>

  <html>

  <head>

  <metacharset="utf-8">

  <title>calc的用法</title>

  <styletype="text/css">

  body{

  width:800px;

  }

  .calc_div{

  width:calc(100%-500px);

  height:calc(100%-500px);

  color:rgb(255,0,0);

  }

  .font{

  font-size:3em;

  }

  .calc_font{

  font-size:calc(3em+2em);

  color:rgb(255,0,0);

  }

  </style>

  </head>

  <body>

  <div>

  這是一個未使用calc的div。

  </div>

  <divclass="calc_div">

  這是一個使用了calc的div。

  </div>

  <divclass="font">

  這是設置了3em的div

  </div>

  <divclass="calc_font">

  這是一個設置了calc(3em+2em)的div

  </div>

  </body>

  </html>


以上是“calc()函數如何使用”這篇文章的所有內容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內容對大家有所幫助,如果還想學習更多知識,歡迎關注億速云行業資訊頻道!

向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

AI

当阳市| 文登市| 呼图壁县| 大安市| 沾化县| 昌图县| 大洼县| 达孜县| 钟祥市| 仪陇县| 达拉特旗| 榕江县| 新晃| 井冈山市| 石嘴山市| 辽源市| 新泰市| 博兴县| 廉江市| 花垣县| 龙川县| 全椒县| 丹江口市| 汝城县| 兴宁市| 淅川县| 江阴市| 潞城市| 饶平县| 双辽市| 吴忠市| 开封县| 临江市| 天全县| 通化市| 昭平县| 朝阳区| 长葛市| 绵阳市| 兰西县| 汝州市|