溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
如何在微信小程序中使用css？相信很多沒有經驗的人對此束手無策，為此本文總結了問題出現的原因和解決方法，通過這篇文章希望你能解決這個問題。
微信小程序 css使用技巧
1:用純CSS創建一個三角形的原理把上、左、右三條邊隱藏掉（顏色設為 transparent）
.demo {
width: 0;
height: 0;
border-width: 20px;
border-style: solid;
border-color: transparent transparent red transparent;
}2:設置最高高度..超過后可以滑動
max-height: 550rpx; overflow-y: scroll;
3: text-overflow 當屬性規定當文本溢出包含元素時發生的事情
clip: 修剪文本 ellipsis : 用省略號來代表被修剪的文字 string: 使用給定的字符串來代表被修剪的文字 重點是三個同時使用：text-overflow:ellipsis; white-space:nowrap; overflow:hidden;
4:overflow: hidden當強制不換行的時候,使用overflow:hidden隱藏超過界面的部分
5: margin-bottom失效
margin-bottom是下方的外邊距，并不能讓元素向下方移動，margin-top作為上邊距，把元素“推”了下去。 希望圖標距離下方30px，那么可以在ul上設置 position:absolute, bottom:30px ，(這一句我沒有加同樣實現了效果)另外父元素position:relative
6:強制不換行
white-space:nowrap;
自動換行
div{
word-wrap: break-word;
word-break: normal;
}強制英文單詞斷行
div{
word-break:break-all;
}看完上述內容，你們掌握如何在微信小程序中使用css的方法了嗎？如果還想學到更多技能或想了解更多相關內容，歡迎關注億速云行業資訊頻道，感謝各位的閱讀！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
