一些CSS小技巧

1.处理多行文本换行问题

使用white-space:pre-wrap;属性

MDN属性解释

2.微信小程序 display: inline-block; 会出现空白间隙的问题

需要添加 vertical-align:top;属性

  display: inline-block;
  vertical-align:top;

配合一起使用

3.flex 左2右1

csdn链接

在最后一个div上，添加margin-left:auto;

4.background-image 背景半透明

添加 background-blend-mode: lighten;属性

  background-image: url(https://img2.baidu.com/it/u=4273834219,1955275130&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=334);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  background-color: rgba(255, 2255, 255, 0.6);
  background-blend-mode: lighten;