如何在 JSS 中使用 webkit？答案

【问题标题】：How to use webkit with JSS?如何在 JSS 中使用 webkit？
【发布时间】：2020-03-11 10:26:09
【问题描述】：

我目前正在开发一个 React Web 应用程序。我使用 JSS 创建样式。

为了完成纯CSS多行文本修剪，我需要使用webkit。

这是我尝试使用 webkit 的课程：

textSearchProductTitle: {
  fontWeight: "bolder",
  fontSize: 40,

  display: "-webkit-box",
  maxWidth: "100%",
  height: 40*1.3*3,
  margin: "0 auto",
  lineHeight: 1.3,

  //Those two properties don't work 
  '&::-webkit-line-clamp': 1.3,
  '&::-webkit-box-orient': "vertical",

  overflow: "hidden",
  textOverflow: "ellipsis",

},

由于 webkit 属性不起作用，我猜我的语法不正确。所以我的问题是：在 JSS 中使用 webkit 的正确语法是什么？

提前致谢。

【问题讨论】：

标签： reactjs webkit jss

【解决方案1】：

如果与default preset 一起使用，JSS 会在需要时添加前缀。应该这样做。

textSearchProductTitle: {
  fontWeight: "bolder",
  fontSize: 40,

  display: "box",
  maxWidth: "100%",
  height: 40*1.3*3,
  margin: "0 auto",
  lineHeight: 1.3,

  lineClamp': 1.3,
  boxOrient: "vertical",

  overflow: "hidden",
  textOverflow: "ellipsis",

},

【讨论】：

是的，这就是我刚刚想到的。对此link 进行了解释。谢谢！