Shopify产品标题实现多行显示Css代码

深圳客户提出首页产品标题显示2行,超出的部分用省略号显示,刚开始用Shopify模版 String 过滤语句来控制标题显示长度,但手机端和PC端因为屏幕大小原因,PC端显示2行,在手机端显示4行,客户要求手机端和PC端显示的行数是一致的,当时以为修改不了,自己以前没有接触过类似的需求,于是通过搜索Css的解决方案,因为一般都是通过Css响应式控制来实现手机端和PC端样式,没想到还真找到解决方案,先分享出来,希望以后对你修改Shopify模版的时候有帮助。感谢有要求的客户,客户每次看似无法实现的要求,对自己都是一种全新的挑战,挑战成功,都将是一个很大的收获!


overflow:hidden;


display:-webkit-box;


-webkit-line-clamp:2;


text-overflow:ellipsis;


-webkit-box-orient;vertical;

免费获取专属报价方案,请联系我们:
Shopify产品标题实现多行显示Css代码联系方式