Question

我目前正在研究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的正确语法是什么？

谢谢。

Answer 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",

},

如何在JSS中使用webkit？

1 个答案: