如何禁止内联盒子里的自由文本（无width宽度的）换行

当我们想横排一个个的文字和图表组成的item时，发现文本莫名其妙的换行了。

解决方案

• 给盒子定宽，这样文字宽度够了自然不会换行，也带来一个问题就是不同的item之间的文字多少可能有别，这样会导致不同的item之间空白（空隙）不一样，给人不适感，不好。
• 指定该盒子的white-space:nowrap;不主动换行，并且将enter和空白、制表符合并。最优解

代码

.no-newline{
	white-space:nowrap;
}