css如何使用minmax()函數(shù)
這篇文章主要介紹了css如何使用minmax()函數(shù)，具有一定借鑒價值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。
創(chuàng)新互聯(lián)建站是一家專業(yè)提供石嘴山企業(yè)網(wǎng)站建設(shè),專注與成都網(wǎng)站設(shè)計(jì)、成都網(wǎng)站建設(shè)、H5頁面制作、小程序制作等業(yè)務(wù)。10年已為石嘴山眾多企業(yè)、政府機(jī)構(gòu)等服務(wù)。創(chuàng)新互聯(lián)專業(yè)網(wǎng)絡(luò)公司優(yōu)惠進(jìn)行中。
minmax()
minmax函數(shù)表示一個閉區(qū)間范圍[min,max]，當(dāng)值小于等于min時，值等于min,當(dāng)大于等于max時，值等于max.
min-content，max-content
minmax函數(shù)接收min-content,max-content參數(shù)，這兩個參數(shù)表示內(nèi)容最短和最長的內(nèi)容長度?？聪旅姘咐?。
test1dsssss3333333 sssssssssssssss sssssssssssssssssss
sssssssssssssssssss ssssssssssssssssssss
test2222222222
test 232232323233
min-content采用最短的內(nèi)容長度
test
test 232232323233222222
max-content采用最長的內(nèi)容長度
.minmax-wrapper {
margin-top: 100px;
width: 100vw;
display: grid;
grid-gap: 10px;
grid-template-columns:
minmax(300px, 500px) minmax(50px, min-content)
minmax(100px, max-content);
}感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享的“css如何使用minmax()函數(shù)”這篇文章對大家有幫助，同時也希望大家多多支持創(chuàng)新互聯(lián)，關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，更多相關(guān)知識等著你來學(xué)習(xí)!
重慶分公司
重慶分公司
