微信小程序 严丝合缝

实现如下效果:

image.png

方法一:想要让底部严丝合缝,那么就需要让底部的两个按钮使用固定定位,否则,因为字体,因为元素的行高,导致底部可能会有一点点的缝隙。
方法二:给有字的地方设置行高,这样,字这一部分的高度也就能确定了,就可以确定剩下的那一部分的高度了。

心得:想要做好css,就是需要计算高度,需要计算器来计算。

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 学会使用CSS选择器熟记CSS样式和外观属性熟练掌握CSS各种选择器熟练掌握CSS各种选择器熟练掌握CSS三种显示...
    七彩小鹿阅读 6,332评论 2 66
  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,790评论 1 92
  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML标准。 注意:讲述HT...
    kismetajun阅读 27,626评论 1 45
  • 父亲,按母亲的话说就是“长了一副好皮囊”,父亲享年76岁,1939年出生,1米75的个头,150来斤的体...
    子木0518阅读 123评论 0 0
  • 曾经的绝代风华, 如今也谢了繁华。 在你转身的刹那, 我早已润湿脸颊。 时间如果能追上白马, 是否能还你一世韶华!...
    时光不老少年心阅读 303评论 2 1