缩小界面，文字省略，简单实用的小技巧——文本省略符

界面缩小时，文字较多的情况下，需要把文字设置为省略符！
效果如下：
代码如下：
over-flow :hidden是溢出隐藏，
text-overflow：ellipsis就是省略号；
display:box 类似display:inline-block;
box-orient 属性规定框的子元素应该被水平或垂直排列。提示：水平框中的子元素从左向右进行显示，而垂直框的子元素从上向下进行显示。这个属性暂时没搞懂！！查来的取值如下：
box-orient: 的取值有horizontal|vertical|inline-axis|block-axis|inherit;
1、horizontal
在水平行中从左向右排列子元素。
2、vertical
从上向下垂直排列子元素。
3、inline-axis
沿着行内轴来排列子元素（映射为 horizontal）
4、block-axis
沿着块轴来排列子元素（映射为 vertical）。
5、inherit
应该从父元素继承 box-orient 属性的值。
over-flow 以下的代码，缺一不可，具体的原因也在摸索，有明白的可以留言讨论
line-clamp:2表示显示的行数为2行！