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

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

处理方案flex布局:

  • 外层div 里层p p里span 
  • 外层div flex 且flex-wrap:wrap
  • 外层P设置高 不设置行高
  • 里层span不设置高与行高
<div class="portfolio_codetype">
    <p class="portfolio_code"><span class="">3000751</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;
}

猜你喜欢

转载自blog.csdn.net/yangwqi/article/details/114689859