CSS实现单行、多行文本溢出显示省略号

### 1、单行文本溢出显示省略号

实现方法：

overflow: hidden;

text-overflow:ellipsis;

white-space: nowrap;

### 2、多行文本溢出显示省略号

chrome实现方法：

不兼容IE及其他浏览器

display: -webkit-box;

-webkit-box-orient: vertical;

-webkit-line-clamp: 3;

overflow: hidden;

IE及其他浏览器实现方法：

使用插件clamps .js

插件下载地址：https://github.com/josephschmitt/Clamp.js

使用：

	// 引入
	<script src="js/Clamp.js-master/clamp.js"></script>
	// 样式
    <style>
        .divarea {
            width: 300px;
            height: 84px;
        }

        p {
            width: 100%;
        }
    </style>
    // html 
    <div class="divarea">
        <p>这两个选择元素的API,ualCrew小组耗时两年翻译，保持与D3 V3最后一版（3.5.17）一致.D3 V4最新版API请参考d3.v4-API翻译</p>
    </div>
    // js
    <script>
    $(document).ready(function () {
        $clamp($(".divarea p")[0], {
            clamp: '2'
        })
    })
</script>