Android中line-height不居中的解决办法_android 斜线不居中

作者：木道寻08 | 2024-08-06 10:35:23

踩

android 斜线不居中

android的webview中，line-height的垂直居中对于字体小于12px的无效，主要是因为避免奇数font-size带来的偏差，设置成了偶数，所有会有一些偏上

解决办法：

1. 改变字体大小最直接的方法就是改变字体大小让它大于 12px 能够正常居中，如果页面对字体大小要求比较严格的话，可以先将原来包括 font-size 在内的属性放大两倍，再用 scale 缩小一倍，这样测试之后也是可行的：

<span class="content">Jason」</span>

.content {
     display: inline-block;
     height: 40px;
     background-color: gray;
     line-height: 40px;
     font-size: 20px;
     transform: scale(0.5);
     transform-origin: 0% 0%;
 }

2. table布局在元素外再包一层，使用表格布局


<div class="container">     <span class="content">Jason's Word</span> </div>

.container {
     display: table;
 }
 .content {
     background-color: gray;
     font-size: 10px;
     display: table-cell;
     vertical-align: middle;
 }

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/木道寻08/article/detail/937044