摘要:今天在开发时遇到一个问题,如题目所示,起初毫无头绪,以为是元素适配的问题,或者下方有遮挡,但是定位元素后发现并不是上述问题。
今天在开发时遇到一个问题,如题目所示,起初毫无头绪,以为是元素适配的问题,或者下方有遮挡,但是定位元素后发现并不是上述问题。
图中所示为两个button按钮,在iOS和其他安卓手机中均显示正常,但是在vivoplay6中下方边框消失。
button是一个行内元素,这里简单介绍一下什么是行内元素:
设置宽高无效
对margin仅设置左右方向有效,上下无效;padding设置上下左右都有效,即会撑大空间
不会自动进行换行
下边框不显示问题是因为button为行内元素,给其添加属性display: inline-block即可解决上述问题。
文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。
转载请注明本文地址:https://www.ucloud.cn/yun/116395.html
摘要:不允许负值用百分比来定义缩放比例。解决这个很简单,在父元素中使用即可解决该。列宽度由单元格内容设定。定义仅有大写字母。不过,要让任何元素生效还得借助于一点点。 css/css3常用样式 CSS修改选中文字的颜色 html代码: 第一段文字选中效果 第二段文字选中效果 css代码: .p1::selection{background:red;color:#fff;} .p2::selec...
摘要:文字换行强制不换行自动换行强制英文单词断行两端对齐去掉浏览器中文本框或的黄色焦点框去掉记住密码后自动填充表单的黄色背景最小高度兼容代码鼠标不允许点击平台字体优化微软雅黑文字过多后显示省略号 1. css 2.x 文字换行 /*强制不换行*/ white-space:nowrap; /*自动换行*/ word-wrap: break-word; word-break: normal; /...
摘要:文字换行强制不换行自动换行强制英文单词断行两端对齐去掉浏览器中文本框或的黄色焦点框去掉记住密码后自动填充表单的黄色背景最小高度兼容代码鼠标不允许点击平台字体优化微软雅黑文字过多后显示省略号 1. css 2.x 文字换行 /*强制不换行*/ white-space:nowrap; /*自动换行*/ word-wrap: break-word; word-break: normal; /...
阅读 3825·2021-11-25 09:43
阅读 2169·2021-11-23 10:11
阅读 1396·2021-09-29 09:35
阅读 1309·2021-09-24 10:31
阅读 2034·2019-08-30 15:48
阅读 2352·2019-08-29 15:28
阅读 424·2019-08-29 12:36
阅读 3488·2019-08-28 18:12