微信小程序开发 实用知识点
-
margin
用来控制按钮的位置。 -
padding
作用于文字在容器里的位置。相当于空格。
(1)padding-left:10px; /margin-left:10px; 左内/外边距
(2)padding-right:10px; /margin-right:10px; 右内/外边距
(3)padding-top:10px; /margin-top:10px; 上内/外边距
(4)padding-bottom:10px; /margin-bottom:10px; 下内/外边距
(5)padding:10px;/ margin:10px; 四边统一内/外边距
(6)padding:10px 20px; /margin:10px 20px; 上下、左右内/外边距
(7)padding:10px 20px 30px;/margin:10px 20px 30px; 上、左右、下内/外边距
(8)padding:10px 20px 30px 40px;/margin:10px 20px 30px 40px; 上、右、下、左内/外边距
margin与padding的区别
display: flex; justify-content: center; align-items: center;
这三句用来做垂直水平居中。
- .but::after {
border: 0;
}
用作按钮去掉边框。 - flex的用法
6个属性:
flex-direction
flex-wrap
flex-flow
justify-content
align-items
align-content
参考:flex的用法 - 按钮跳转
sumbit: function () {
wx.navigateTo({
url: '../logs/logs'
});
},