CSS中文本对齐方式-文本处理案例

多行文本垂直居中

父级
display: table;

子级
display: table-cell;
vertical-align: middle;
text-align: center;

 文本对齐方式

CSS最常用的对齐方式，居中对齐、左对齐（默认）、右对齐，而且实现起来也是非常的简单

p{
 text-align: center;
 text-align: left;
 text-align: right;
}

但是两端对齐你有用过吗？

只需要添加text-align-last:justify样式即可

<div class="justify-text">
 <div class="li">账号</div>
 <div class="li">密码</div>
 <div class="li">电子邮件