css -- 文字

两端对齐

text-align:justify；

缩进

text-indent: 2rem;

问题

移动端通过padding撑起来的内容，中文是对齐的，但是数字和英文都是对不齐的，发现当内容全是英文或者数字的时候内容有点整体向上偏移

安卓与ios都是出现文字向上偏移,

.list .list-item {
  padding: 30px;
  background-color: #ffffff;
  display: flex;
}
.list .list-item .list-title {
  color: #666666;
  font-size: 28px;
  min-width: 142px;
  font-weight: bold;
}
.list .list-item .list-content {
  color: #333333;
  font-size: 28px;
  word-break: break-all;
}
<div class="list-item">
    <div class="list-title">标签标题</div>
    <div class="list-content">标签内容</div>
</div>

解决办法

1. 设置.list-item 的 line-height
   若是list-title与list-content的高度不同会存在问题
2. 设置.list-item使得内容垂直方向居中

.list-item{
  display: flex;
  align-items: center;
}

文字垂直居中问题

手机端 安卓placeholder文字偏上，垂直方向不居中，input光标显示偏上，ios偏下,经过研究发现是字体的缘故，网上提供的各种方法试过，都无法实现同时保证文字居中