解决两端对齐导致标点符号位于行首问题

解决两端对齐导致标点符号位于行首问题

最近在公司做一个自适应网站，需求要求文本两端对齐，那肯定是

 text-align: justify;

上一篇为了兼容火狐与IE加了

 word-break: break-all;

但是后来发现有几款手机会出现标点符号出现在行首的情况还有一个链接也被分开分成两行了，这种情况肯定是不可以的，一开始是修改文字来改。但是这种改法肯定会引起其他尺寸的手机显示异常，不是根本的解决方案。后来发现了可以解决这个问题的代码就是：

  text-align: justify;
  word-break: normal;

这个同样可以兼容火狐、IE8以上。IE8以下没有测试不知道可行不。