微信小程序学习Course 3 关于WXSS一些样式

微信小程序学习Course 3 关于WXSS一些样式

view的样式

1、display:排版形式

flex形式代表弹性布局，具体参考如下帖子

https://www.runoob.com/w3cnote/flex-grammar.html

flex-direction:column弹性排版方式，column代表列排，row代表行排。

2、整体参数

height高度

width宽度

line-height 属性设置行间的距离（行高）。

align-items 子控件排列方式 center

background-color背景颜色

margin边框距文字之间的部分宽度

border边界层

.screen{
  width: 650rpx;//宽度
  height: 150rpx;//高度
  text-align: right;//文字对齐方式
  margin:30rpx;//
  background-color: #fff;//背景颜色
  line-height: 150rpx;//行高
  border: 1px solid #ddd;//边框设置宽度，样式，颜色


}