css不换行省略号 css文本不换行加省略号

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

text-overflow:ellipsis属性来实现单行文本的溢出显示省略号(…)

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

两者结合就能得到你要的效果。

例子：

响应式Web设计(Responsive Web design)的理念是页面的设计与开发应当根据设备环境（屏幕尺寸、屏幕定向、系统平台等）以及用户行为（改变窗口大小等）进行相应的响应和调整。具体的实践方式由多方面组成，包括弹性网格和布局