1、第一步，打开html编辑器并创建一个新的html文件，例如：index.html，见下图，转到下面的步骤。第二步，完成上述步骤后，在index.html中的标记中，输入CSS代码，见下图，转到下面的步骤。
创新互联专注于企业全网营销推广、网站重做改版、竞秀网站定制设计、自适应品牌网站建设、html5、商城网站建设、集团公司官网建设、外贸网站制作、高端网站制作、响应式网页设计等建站业务，价格优惠性价比高，为竞秀等各大城市提供网站开发制作服务。
2、必须结合的属性 ，将对象作为弹性伸缩盒子模型显示 。-webkit-box-orient 必须结合的属性 ，设置或检索伸缩盒对象的子元素的排列方式 。text-overflow，可以用来多行文本的情况下，用省略号“...”隐藏超出范围的文本 。
3、超出指定文本以省略号显示效果，用css的text-overflow：ellipsis；实现 text-overflow：ellipsis； 溢出的部分用 省略号 表示。
如果实现单行文本的溢出显示省略号用 text-overflow：ellipsis 属性来，当然还需要加宽度width属来兼容部分浏览。
代码如下。在css内，设置div的宽度为130px，同时设置其浮动向左，居左对齐。在css内，设置div内的文字不换行，当文字超过宽度width时，隐藏文字。在css内，设置div内文字超过宽度时，以点点点代替文字显示。
输入CSS代码，见下图，转到下面的步骤。第三步，执行完上面的操作之后，浏览器运行index.html页面。 如果此时文本超过2行，则多余的部分将自动显示为省略号，见下图。这样，就解决了这个问题了。
第一步，打开html编辑器并创建一个新的html文件，例如：index.html，见下图，转到下面的步骤。第二步，完成上述步骤后，在index.html中的标记中，输入CSS代码，见下图，转到下面的步骤。
在css内，设置div内文字超过宽度时，以点点点代替文字显示。
display： -webkit-box； 必须结合的属性 ，将对象作为弹性伸缩盒子模型显示 。-webkit-box-orient 必须结合的属性 ，设置或检索伸缩盒对象的子元素的排列方式 。
display： -webkit-box； 必须结合的属性 ，将对象作为弹性伸缩盒子模型显示 。-webkit-box-orient 必须结合的属性 ，设置或检索伸缩盒对象的子元素的排列方式 。
首先，打开html编辑器，新建html文件，例如：index.html。
多行文本显示省略号方法：display： -webkit-box；-webkit-box-orient： vertical；-webkit-line-clamp： 3； //文本行数 overflow： hidden；适用范围：因使用了WebKit的CSS扩展属性，该方法适用于WebKit浏览器及移动端。
首先，显示标尺。正常情况直接见于word界面中上部。 光标停在公式所在的行，不要求行中的具体位置。
代码如下。在css内，设置div的宽度为130px，同时设置其浮动向左，居左对齐。在css内，设置div内的文字不换行，当文字超过宽度width时，隐藏文字。在css内，设置div内文字超过宽度时，以点点点代替文字显示。
1、浏览器运行index.html页面，此时文字超过2行会自动把多余部分用省略号显示 。
2、第二步，完成上述步骤后，在index.html中的标记中，输入CSS代码，见下图，转到下面的步骤。第三步，执行完上面的操作之后，浏览器运行index.html页面。
3、如果想要在一行里实现“超出长度显示省略号”，是可以的。
4、text-overflow： ellipsis；，可以用来多行文本的情况下，用省略号“…”隐藏超出范围的文本。
5、代码如下。在css内，设置div的宽度为130px，同时设置其浮动向左，居左对齐。在css内，设置div内的文字不换行，当文字超过宽度width时，隐藏文字。在css内，设置div内文字超过宽度时，以点点点代替文字显示。
6、html参考代码，加注释的部分就是实现多行文本省略的必要属性。