今天开始做微信小程序项目,一整天都在改小程序的样式,和html很相似,但是也有很多不同的地方。
难点 一:微信小程序似乎不支持margin-left和margin-right的定位方式,设置的样式可以生效,但是调试的时候鼠标指针指上去时发现元素还在原来的位置。
难点二:发现输入框聚焦时光标不出现,一直没找到解决方法。
难点三:给文本设置最多显示两行,超出两行隐藏超出部分并且用...代替,这个找到了解决方案,添加如下代码即可:overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;
-webkit-line-clamp:2;如果是最多显示一行的话,只需添加代码:overflow:hidden;text-overflow:ellipsis;white-space:norwrap;即可。