当前位置:网站首页 > 前端开发 > 正文

安卓上按钮文字偏上的问题

安卓4-6机型 按钮文字偏上 无法垂直方向居中显示

处理方案flex布局:

  • 外层div 里层p p里span 
  • 外层div flex 且flex-wrap:wrap
  • 外层P设置高 不设置行高
  • 里层span不设置高与行高
<div class="portfolio_codetype"> <p class="portfolio_code"><span class=""></span></p> <p class="portfolio_type"><span class="">测试测试测试测试测试</span></p> <p class="portfolio_type"><span class="">测试测试测试测试测试</span></p> <p class="portfolio_type"><span class="">测试测试测试测试测试</span></p> </div>

CSS

.portfolio_codetype { font-family: PingFangSC-Regular; display: flex; align-items: center; flex-wrap: wrap; } .portfolio_codetype>p { margin-top: 4px; margin-right: 4px; display: flex; align-items: center; } 

 

到此这篇安卓上按钮文字偏上的问题的文章就介绍到这了,更多相关内容请继续浏览下面的相关推荐文章,希望大家都能在编程的领域有一番成就!

版权声明


相关文章:

  • 李开复针对马加爵事件写给中国学生的一封信2024-11-27 17:09:04
  • 前端项目ip设置成0.0.0.0的原因2024-11-27 17:09:04
  • 两个前端项目利用iframe进行通信2024-11-27 17:09:04
  • 简易版前端项目离线方案-接口及页面离线缓存2024-11-27 17:09:04
  • 网络爬虫开发(三)-爬虫基础——爬取前端渲染网站的注意事项 & 分析ajax请求并爬取(伪造header)-模拟真实浏览器的请求头2024-11-27 17:09:04
  • vw 弹性布局解决方案2024-11-27 17:09:04
  • 前端开发工具2024-11-27 17:09:04
  • git暂存操作2024-11-27 17:09:04
  • ElementUI el-table遍历实现表格的自定义列【key值为列名】2024-11-27 17:09:04
  • ElementUI el-step步骤条实现上一步功能2024-11-27 17:09:04
  • 全屏图片