如何在微信小程序中使用css？相信很多沒有經(jīng)驗的人對此束手無策，為此本文總結(jié)了問題出現(xiàn)的原因和解決方法，通過這篇文章希望你能解決這個問題。
微信小程序 css使用技巧
1:用純CSS創(chuàng)建一個三角形的原理把上、左、右三條邊隱藏掉（顏色設(shè)為 transparent）
重慶分公司
重慶分公司
.demo {
width: 0;
height: 0;
border-width: 20px;
border-style: solid;
border-color: transparent transparent red transparent;
}2:設(shè)置最高高度..超過后可以滑動
max-height: 550rpx; overflow-y: scroll;
3: text-overflow 當(dāng)屬性規(guī)定當(dāng)文本溢出包含元素時發(fā)生的事情
clip: 修剪文本 ellipsis : 用省略號來代表被修剪的文字 string: 使用給定的字符串來代表被修剪的文字 重點是三個同時使用：text-overflow:ellipsis; white-space:nowrap; overflow:hidden;
4:overflow: hidden當(dāng)強制不換行的時候,使用overflow:hidden隱藏超過界面的部分
5: margin-bottom失效
margin-bottom是下方的外邊距，并不能讓元素向下方移動，margin-top作為上邊距，把元素“推”了下去。 希望圖標(biāo)距離下方30px，那么可以在ul上設(shè)置 position:absolute, bottom:30px ，(這一句我沒有加同樣實現(xiàn)了效果)另外父元素position:relative
6:強制不換行
white-space:nowrap;
自動換行
div{
word-wrap: break-word;
word-break: normal;
}強制英文單詞斷行
div{
word-break:break-all;
}看完上述內(nèi)容，你們掌握如何在微信小程序中使用css的方法了嗎？如果還想學(xué)到更多技能或想了解更多相關(guān)內(nèi)容，歡迎關(guān)注創(chuàng)新互聯(lián)網(wǎng)站建設(shè)公司行業(yè)資訊頻道，感謝各位的閱讀！
另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)建站www.cdcxhl.com，海內(nèi)外云服務(wù)器15元起步，三天無理由+7*72小時售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國服務(wù)器、虛擬主機、免備案服務(wù)器”等云主機租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價比高”等特點與優(yōu)勢，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場景需求。
