问题描述
一切的错都怪自己呀,你说英文你让其正常排版不就行了吗,一个单词太长就自动换行咯,偏偏要加个text-align:justity属性让其两端对齐,结果导致单词间距不一样,最可恨的是,自己还加了个word-break:break-all强制单词拆分,结果就出现了一个我去探索连字符的问题。我也不太清楚,反正总而言之,有一个这样的插件可以直接加连字符。它的原理,我觉得吧,主要是一个算法,还有它用了text-align:justify属性。
Hyphenator.js 和 Hyphenator_Loader.js
附上网址:下载链接
对,就是它。直接按照下面方式用就可以了,如果多个页面用到连字符的话,就写到公共部分咯。
尽量在最前面引入js文件
<script src="Hyphenator_Loader.js" type="text/javascript">