css文字最多显示3行，css超过3行显示为

div+css怎么显示两行或三行文字,然后多出的部分省略号代替??

display： -webkit-box； 必须结合的属性 ，将对象作为弹性伸缩盒子模型显示 。-webkit-box-orient 必须结合的属性 ，设置或检索伸缩盒对象的子元素的排列方式 。

html参考代码，加注释的部分就是实现多行文本省略的必要属性。

输入CSS代码，见下图，转到下面的步骤。第三步，执行完上面的操作之后，浏览器运行index.html页面。 如果此时文本超过2行，则多余的部分将自动显示为省略号，见下图。这样，就解决了这个问题了。

相关问答

Q1: web前端入门到实战:css实现单行、多行文本超出显示省略号

1、-webkit-line-clamp 用来限制在一个块元素显示的文本的行数。 为了实现该效果，它需要组合其他的WebKit属性。

2、输入CSS代码，见下图，转到下面的步骤。第三步，执行完上面的操作之后，浏览器运行index.html页面。 如果此时文本超过2行，则多余的部分将自动显示为省略号，见下图。这样，就解决了这个问题了。

3、在做小程序的时候遇到在text标签里面的文本过长，需要限制显示长度，并且在限制了长度的后面加上 省略号代表后面还有内容。

4、html参考代码，加注释的部分就是实现多行文本省略的必要属性。

5、必须结合的属性 ，将对象作为弹性伸缩盒子模型显示 。-webkit-box-orient 必须结合的属性 ，设置或检索伸缩盒对象的子元素的排列方式 。text-overflow，可以用来多行文本的情况下，用省略号“...”隐藏超出范围的文本 。

6、如果想要在一行里实现“超出长度显示省略号”，是可以的。

Q2: 首字悬挂下沉3行怎么设置

首先，打开或新建一个word文档，输入内容。选中要调整首字下沉的字，点击“插入”。在“插入”菜单中可以看到“首字下沉”，点击进入。

首字悬挂下沉3行怎么设置：可以使用HTML标签中的``标签来换行，在文字之前加入三个``标签就可以实现悬挂下沉3行的效果。拓展：除了使用``标签来换行外，也可以使用CSS样式中的`line-height`属性来实现悬挂下沉3行的效果。

设置悬挂下沉。可在“位置”框中选“下沉”；在“字体”框中单击下拉按钮选择所需的字体；在“下沉行数”框中设置首字下沉后下拉的行数，缺省为3行；在“距正文”框中设置与文字之间的距离。单击“确定”完成设置。

关于css文字最多显示3行和css超过3行显示为的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。