text-align-last 实现几个汉字的两端分散对齐
2019-12-19 本文已影响0人
Xindot
1 左端对齐 -> 两端分散对齐
![](https://img.haomeiwen.com/i59074/37a13c7d036de839.png)
![](https://img.haomeiwen.com/i59074/c5352e9b302d4bdb.png)
2 css代码
.el-input-group__prepend {
text-align: justify;
text-align-last: justify;
text-justify: distribute-all-lines; // 兼容ie浏览器
width: 42px;
}
3 兼容性 caniuse text-align-last
![](https://img.haomeiwen.com/i59074/f52d4cae4e2903d6.png)