在移动端如何兼容多行溢出省略？

跨设备兼容的移动端多行文本溢出处理

vue2.0移动端开发中，多行文本溢出省略的兼容性问题时有发生。例如，某些开发者使用的css样式在iphone 15 Pro等设备上仅显示单行省略：

overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 3; -webkit-box-orient: vertical;

针对此问题，只需简单地添加一行CSS代码即可解决：

display: -webkit-box; /* 使用WebKit弹性盒模型 */

加入此代码后，即可确保在包括iPhone 15 Pro在内的各种移动设备上实现预期的多行文本溢出省略效果，完美解决跨设备兼容性问题。