css如何实现不同浏览器下兼容文本两端对齐-创新互联
小编给大家分享一下css如何实现不同浏览器下兼容文本两端对齐，相信大部分人都还不怎么了解，因此分享这篇文章给大家参考一下，希望大家阅读完这篇文章后大有收获，下面让我们一起去了解一下吧！
目前累计服务客户成百上千，积累了丰富的产品开发及服务经验。以网站设计水平和技术实力，树立企业形象，为客户提供网站设计、
成都网站制作、网站策划、网页设计、网络营销、VI设计、
网站改版、漏洞修补等服务。
创新互联公司始终以务实、诚信为根本，不断创新和提高建站品质，通过对领先技术的掌握、对创意设计的研究、对客户形象的视觉传递、对应用系统的结合，为客户提供更好的一站式互联网解决方案，携手广大客户，共同发展进步。
在 form 表单的前端布局中，我们经常需要将文本框的提示文本两端对齐，例如：
比较粗暴的做法是在需要隔离边距的文本中加标签，然后分别控制每个文字的边距，这种方法比直接加空格或者占位符更精准，我之前也都是这么做的。但是写的多了之后开始思考能不能抽象出来用于更多的场景？让代码更好看一些？维护成本更低一些？
1、首先想到是能不能直接靠 css 解决问题
css
.test-justify {
text-align: justify;
}html
测试文本
好吧，text-align:justify 完全无效，不甘心，于是用一段文本测试了下，效果如下：
原来这个属性是针对段落文本两端对齐的，接着试一下text-align-last: justify 这个属性
css
.test-justify {
text-align: justify;
}
效果是达到了，但缺点是完全不兼容 ie 和 safari 浏览器。
2、接着思考，既然上述实现存在兼容性问题，那么能不能为 2 个，3 个，4 个等这样长度的文本单独写 css 类解决，因为表单的文本框提示文字也不会很多。
css
div {
width: 100px;
}
.w2 {
letter-spacing: 2em;
}
.w3 {
letter-spacing: 0.5em;
}html
测试
