skyline模式下,line-height:20px,实现容器尺寸会是21px。
看起来是一句话,但是这个问题会导致阅读类小程序无法实现,因为行高与容器计算关系不准确的话,在左右滑动分页这种计算模式下,会出现底部与顶部显示半行,1/3行等的现象,且无法归避
用下面一行代码即可复现:
<view style="line-height: 20px;font-size: 16px;">内容1,内容2,看起来是一句话...</view>
// 内容如果是1行,view容器的高度会是21px
// 内容如果是2行,view容器的高度会是42px
// 内容每多1行,view容器的高度是【20px * 行数 + 行数】像素
// 复现条件:1.font-size>=15px; 2.文本内容要需要多写几个字,最好用正常的一个句子,有中文有标点符号。
怎么复现呢
<view style="line-height: 20px;font-size: 16px;">内容1,内容2,看起来是一句话...</view>