button 在vivoplay6 手机中不显示下边框

今天在开发时遇到一个问题,如题目所示,起初毫无头绪,觉得是元素适配的问题,或者下方有遮挡,可是定位元素后发现并非上述问题。
图片描述spa

图中所示为两个button按钮,在iOS和其余安卓手机中均显示正常,可是在vivoplay6中下方边框消失。code

button是一个行内元素,这里简单介绍一下什么是行内元素:图片

  • 设置宽高无效
  • 对margin仅设置左右方向有效,上下无效;padding设置上下左右都有效,即会撑大空间
  • 不会自动进行换行

下边框不显示问题是由于button为行内元素,给其添加属性display: inline-block便可解决上述问题。开发

相关文章
相关标签/搜索