微信小程序开发问题汇总(一)

1、问题:出现“06 2018 17:37:15 GMT+0800 (中国标准时间)  WXSS 文件编译错误原因

解决办法:在控制台输入openVendor() ,清除里面的wcsc wcsc.exe 然后重启工具

2、重要的  *var that =this*

把this对象复制到临时变量that.

这时候我们使用that 就不会找不到原来的对象了。

3、css3中的calc(),头一次用,记一下。

可以使用calc()给元素的border、margin、pading、font-size和width等属性设置动态值

例如:

<div style= "width:100px; height:50px; background:blue;" >
   <div style= "width:calc(100% - 20px); height:20px; margin:5px; background:green;" ></div>
</div>

  • 支持:+、-、*、/,支持混用
  • 支持:%、px、em、rem 等
  • +、- 前后必须要有空格,比如:calc(100%-10px) 是不正确的,应该改为:calc(100% - 10px)
  • *、/ 前后可以不要空格,但建议有。

4、white-space(不常用记一下)

normal:默认处理方式。pre:用等宽字体显示预先格式化的文本,不合并文字间的空白距离,当文字超出边界时不换行。可查阅pre对象nowrap:强制在同一行内显示所有文本,直到文本结束或者遭遇br对象。pre-wrap:用等宽字体显示预先格式化的文本,不合并文字间的空白距离,当文字碰到边界时发生换行。pre-line:保持文本的换行,不保留文字间的空白距离,当文字碰到边界时发生换行。

猜你喜欢

转载自blog.csdn.net/qq_38698632/article/details/80218207