文字两端对齐 text-align: justify;

本文主要是介绍文字两端对齐 text-align: justify;，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

很多时候我们想实现这样的自适应功能

---

你     好：xxxx
我     是：xxxx
我们没有：xxxx

---

2个文字前后自动两端对齐，来个栗子：
移动端和pc端都能直接用

<div>哈哈</div>
div {width: 50px;text-align: justify;height: 25px;line-height: 25px;float: left;color: #333333;
}div:after {display: inline-block;overflow: hidden;width: 100%;height: 0;content: '';vertical-align: middle;
}

对于IE兼容的写法：

div{//在上面的代码里加上 text-justify:inter-ideograph;
}
div.span{display: inline-block;padding-left: 100%;
} 
<div>汉子汉字<span></span></div>

这篇关于文字两端对齐 text-align: justify;的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---