1.单行文本溢出显示省略号 （3个同时使用-2个加到父容器，1个加到text上）

overflow:hidden; //溢出隐藏   (father)

text-overflow:ellipsis;//超出显示省略号 (father)

white-space:nowrap;//强制文本在一行内显示 (text)

2.文本显示行数控制  （5个同时使用-2个加到父容器，3个加到text上）

overflow: hidden;(father)

text-overflow: ellipsis; // 超出显示'...' (fatehr)

display: -webkit-box; // 将元素作为弹性伸缩盒子模型显示 。(text)

-webkit-line-clamp: 2; // 用来限制在一个块元素显示的文本的行数  (text)

-webkit-box-orient: vertical; // 设置或检索伸缩盒对象的子元素的排列方式 (text)

3 overflow

4 text-overflow

5 white-space属性讲解   （空格处理）

有着几个可选值：默认为white-space:normal。

normal,  表示合并空格，多个相邻空格合并成一个空格   换行作为空格处理，只会根据容器的大小进行自动换行。

nowrap,  nowrap和normal一样，也合并空格，但是不会根据容器大小换行，表示不换行 效果如下

pre, 保持源码中的空格，有几个空格算几个空格显示，同时换行只认源码中的换行和<br/>标签

pre-wrap,保留空格，并且除了碰到源码中的换行和<br/>会换行外，还会自适应容器的边界进行换行

pre-line。合并空格，换行和white-space:pre-wrap一样，遇到源码中的换行和<br/>会换行，碰到容器的边界也会换行。

在很多的控件使用一种样式的时候，为了重用性，我相信很多人都会把被重用的部分单独封装起来，对于WPF的Button控件来说，本身是不支持多行显示的，但是有的时候单行显示并不能满足我们的需求，所以就要自定义Button的样式，具体是这样的<Button><Button.ContentTemplate><DataTemplate><TextBlock...后面我就不补全了，TextBlock还要设置TextWrapping为WrapWithOverflow，这样就实现了越界自动换行。

但是有的时候有大量的Button需要这样的属性，于是就要把这种样式转化为资源，这时就出现了问题，你的TextBlock需要将Text属性设置为绑定到父元素的Content属性，于是就用到了下面的代码：

1.        Binding RelativeSource={RelativeSource Mode=FindAncestor, AncestorType=Button}, Path=Content  
2. 
   
3.        本文来自nopower0的博客，原文地址:http://blog.csdn.net/nopower0/article/details/6688596

以下代码实现了指定最多显示4行，超过4行的字，用…代替。

<div class='wrapper'>
    <p class='text'>要指定行数的文本内容</p>
</div>

.text{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    }

效果如下：

有一个地方需要注意的是，若指定了.wrapper的display属性为inline-block，则在ios当中，显示会不正常，表现为文字虽然截取了，但文字本来所占有的空间依然存在并以空白表示。