资讯专栏INFORMATION COLUMN

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

zsirfs / 2033人阅读

摘要:今天在开发时遇到一个问题,如题目所示,起初毫无头绪,以为是元素适配的问题,或者下方有遮挡,但是定位元素后发现并不是上述问题。

今天在开发时遇到一个问题,如题目所示,起初毫无头绪,以为是元素适配的问题,或者下方有遮挡,但是定位元素后发现并不是上述问题。

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

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

设置宽高无效

对margin仅设置左右方向有效,上下无效;padding设置上下左右都有效,即会撑大空间

不会自动进行换行

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

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/116395.html

相关文章

  • [总结]CSS/CSS3常用样式与web移动端资源

    摘要:不允许负值用百分比来定义缩放比例。解决这个很简单,在父元素中使用即可解决该。列宽度由单元格内容设定。定义仅有大写字母。不过,要让任何元素生效还得借助于一点点。 css/css3常用样式 CSS修改选中文字的颜色 html代码: 第一段文字选中效果 第二段文字选中效果 css代码: .p1::selection{background:red;color:#fff;} .p2::selec...

    The question 评论0 收藏0
  • CSS常用代码

    摘要:文字换行强制不换行自动换行强制英文单词断行两端对齐去掉浏览器中文本框或的黄色焦点框去掉记住密码后自动填充表单的黄色背景最小高度兼容代码鼠标不允许点击平台字体优化微软雅黑文字过多后显示省略号 1. css 2.x 文字换行 /*强制不换行*/ white-space:nowrap; /*自动换行*/ word-wrap: break-word; word-break: normal; /...

    Eirunye 评论0 收藏0
  • CSS常用代码

    摘要:文字换行强制不换行自动换行强制英文单词断行两端对齐去掉浏览器中文本框或的黄色焦点框去掉记住密码后自动填充表单的黄色背景最小高度兼容代码鼠标不允许点击平台字体优化微软雅黑文字过多后显示省略号 1. css 2.x 文字换行 /*强制不换行*/ white-space:nowrap; /*自动换行*/ word-wrap: break-word; word-break: normal; /...

    ddongjian0000 评论0 收藏0
  • CSS常用代码

    摘要:文字换行强制不换行自动换行强制英文单词断行两端对齐去掉浏览器中文本框或的黄色焦点框去掉记住密码后自动填充表单的黄色背景最小高度兼容代码鼠标不允许点击平台字体优化微软雅黑文字过多后显示省略号 1. css 2.x 文字换行 /*强制不换行*/ white-space:nowrap; /*自动换行*/ word-wrap: break-word; word-break: normal; /...

    Java_oldboy 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<