一、问题


关于文字的换行与不换行的问题有些特殊情况,是使用css的word-break等属性实现不了的,下面的情况就证明了:



我们想要的效果是,一个词整体换行或不换行,“兼职测试”可以都换至第二行,或者保留在第一行,而不是像现在这样,在词内断行。

二、解决方法


如果每个词是个a标签的话,我们为它添加属性display:inline-block,效果如图:




这样就实现了想要的效果