es6语法 手机网页里，一段文本超出显示省略号(…)，这个CSS怎么设置？

手机网页里，一段文本超出显示省略号(…)，这个CSS怎么设置？

文本-溢出：省略号属性要实现单行文本溢出显示省略号（…）

在WebKit浏览器或移动终端中，使用-WebKit line clamp来限制块元素中显示的文本行数

两者的组合可以得到您想要的效果。

示例：

响应式web设计的概念是，页面的设计和开发应根据设备环境（屏幕大小、屏幕方向、系统平台等）和用户行为（更改窗口大小等）进行响应和调整。具体的实践包括很多方面，包括弹性网格和布局

test overflow属性可以定义如何显示文本溢出容器。具体用法如下：

文本溢出属性指定文本溢出包含元素时发生的情况。

Default:clip

语法：text overflow:clip | ellipsis | string

允许值：

clip:trim text。

省略号：显示省略号以表示修剪的文本。

示例：

<div style=“宽度：20px“>如果文本内容超过20px，它将显示为三个点</div>

div{溢出：隐藏空白：nowrap文本-溢出：省略号}

es6语法 css多行文本溢出显示省略号 单行文本超出省略号

版权声明：本文内容由互联网用户自发贡献，本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。