产品标题用于Css代码的多行显示

作者:Shopify产品 浏览次数:1614 发布时间:2018-12-08
外贸网站建设Shoptago的客户提出主页产品标题显示2行,多余部分显示省略号,Shopify模板字符串过滤器语句用于控制标题显示长度,但移动终端和PC端显示由于屏幕尺寸,PC端有2条线。在手机显示4行,客户要求手机和PC端显示的行数相同,当时认为无法修改,shopify产品批量上传》

我之前没有触及类似的要求,所以我搜索了Css解决方案,因为Css响应控件通常用于实现手机和PC端风格。我没想到会找到解决方案,我会在这里分享。我希望将来有助于修改Shopify模板。 

Shopify产品

感谢拥有这些要求的客户,每次客户似乎无法满足要求时,这对他们自己来说是一个新的挑战,挑战将是一项伟大的成就! 

overflow:hidden;

display:-webkit-box;

-webkit-line-clamp:2;

text-overflow:ellipsis;

-webkit-box-orient;vertical;

 
建站客服建站客服
热门文章

热门文章

粤ICP备10215284号 网站地图