- 当前 Bug 的表现(可附上截图)
- 预期表现
- 复现路径
- 提供一个最简复现 Demo
< html > < head > < style > .a { background: yellow; padding: 0; } .b { background: green; padding: 0; } .b button { display: inline-block; } </ style > </ head > < body > < div class = "a" > < div class = "b" > < button >Test</ button > < button >Test</ button > </ div > </ div > </ body > </ html > |
代码如上
————————
浏览器结果如上(Expected)
————————
小程序如上(Actual)
如何才能消除 Test Button 下方的 Padding?
代码贴出来
当缩小 Button (height:15pt)的时候,会出现如此奇怪的结果,且 padding: 0, margin: 0 均无法解决。
加上 font-size: 0