css:中文词不断开，整体换行

一、问题

 

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

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

二、解决方法

 

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

这样就实现了想要的效果